.index{
    width:100%;
    background-size: cover;
    // height:100vh;
    // overflow:hidden;
    padding-top:600px;
    box-sizing: border-box;
    position: relative;
    .cen{
        width:100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .page6{
        width:100%;
        height:560px;
        background: #fff;
        display: flex;
        justify-content: center;
        .pm{
            width:1200px;
            padding-top:50px;
            .box{
                width:105%;
                display: flex;
                flex-wrap: wrap;
                padding-top:25px;

                .item:hover{
                    border: 1px solid #1BBA84;
                    background: #1BBA84;
                    h2{
                       color:rgba(255, 255, 255, 1) !important; 
                    }

                    .img{
                        display: none !important;
                    }

                    .img2{
                        display: block !important;
                    }
                }

                .item{
                    width: 270px;
                    height: 120px;
                    background: #FFFFFF;
                    border-radius: 2px;
                    border: 1px solid #DBDBDB;
                    margin-right:40px;
                    margin-bottom: 40px;
                    padding-top:20px;
                    box-sizing: border-box;
                    cursor: pointer;
                    img{
                        width:32px;
                        height:32px;
                        display: block;
                        margin-bottom: 22px;
                    }

                    h2{
                        font-size: 18px;
                        
                        font-weight: 500;
                        color: #212121;
                        line-height: 25px;
                        width:100%;
                        text-align: center;
                        margin:0; 
                    }

                    .img{
                        display: block;
                    }

                    .img2{
                        display: none;
                    }
                   
                }
            }

            .nameBox{
                width:100%;
                display: flex;
                align-items: flex-end;
                height:112px;
                .name{
                    flex:1;
                    position: relative;
                    padding-top:29px;
                    h1{
                        font-size: 33px;
                        
                        font-weight: 600;
                        color: #212121;
                        line-height: 46px;
                        margin:0;
                        position: relative;
                        z-index: 2;
                    }
                    p{
                        font-size: 20px;
                        
                        font-weight: 600;
                        color: #888888;
                        line-height: 28px;
                        margin:0; 
                    }
                    
                    span{
                        width: 60px;
                        height: 6px;
                        background: #1BBA84;
                        display: block;
                        margin-top:10px;
                        margin-bottom: 10px;
                        position: relative;
                        z-index: 2;
                    }

                }
                .more{
                    display: flex;
                    align-items: center;
                    cursor: pointer;
                    margin-bottom: 15px;
                    h2{
                        font-size: 14px;
                        
                        font-weight: 600;
                        color: #1BBA84;
                        line-height: 20px;
                        margin:0;  
                    }

                    img{
                        width:16px;
                        height:16px;
                        margin-left:5px;
                    }

                }
            }
        }
    }

    .page5{
        width:100%;
        height:697px;
        background-position: center center;
        background-size: cover;
        display: flex;
        justify-content: center;
        .pm{
            width:1200px;
            padding-top:43px;

            .box{
                width:100%;
                display: flex;
                justify-content: space-between;
                align-items: flex-end;
                .left{
                    width:625px;
                    height:465px;
                    position: relative;
                    .img1{
                        position: absolute;
                        left:95px;
                        bottom:0;
                        width:530px;
                        z-index: 3;
                    }
                    .img2{
                        position: absolute;
                        left:95px;
                        bottom:0;
                        width:440px;
                        transform: rotate(-20deg);
                        transform-origin: bottom left;
                        z-index: 2;
                    }

                    .img3{
                        position: absolute;
                        left:95px;
                        bottom:0;
                        width:400px;
                        z-index: 1;
                        transform: rotate(-30deg);
                        transform-origin: bottom left;
                    }
                }

                .right{
                    width:500px;

                    h1{
                        font-size: 30px;
                        
                        margin:0;
                        font-weight: 600;
                        
                        color: #212121;
                        line-height: 42px;
                    }

                    .info{
                        width:100%;
                        margin-top:60px;
                        margin-bottom: 74px;
                        font-size: 14px;
                        
                        font-weight: 400;
                        color: #888888;
                        line-height: 26px;
                    }

                    .more{
                        width:100%;
                        display: flex;
                        align-items: flex-end;

                        .mleft{
                            flex:1;
                            display: flex;
                            align-items: flex-end;

                            div{
                                width: 10px;
                                height: 10px;
                                border-radius: 100%;
                                background: rgba(27, 186, 132, 0.2); 
                                margin-right:15px;
                                cursor: pointer;
                            }

                            .active{
                                background: #1BBA84;  
                            }
                        }

                        .btn{
                            width: 130px;
                            height: 40px;
                            border: 1px solid #1BBA84;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            cursor: pointer;
                            margin-top:33px;
                            p{
                                font-size: 12px;
                                font-family: #1BBA84;
                                font-weight: 400;
                                color: #1BBA84;
                                line-height: 17px; 
                                margin:0; 
                            }

                            img{
                                width:16px;
                                height:16px;
                                margin-left:14px;
                            }
                        }
                    }
                }
            }

            .nameBox{
                width:100%;
                display: flex;
                align-items: flex-end;
                height:112px;
                .name{
                    flex:1;
                    position: relative;
                    padding-top:29px;
                    h1{
                        font-size: 33px;
                        
                        font-weight: 600;
                        color: #212121;
                        line-height: 46px;
                        margin:0;
                        position: relative;
                        z-index: 2;
                    }
                    
                    span{
                        width: 60px;
                        height: 6px;
                        background: #1BBA84;
                        display: block;
                        margin-top:10px;
                        position: relative;
                        z-index: 2;
                    }

                    .imgBox{
                        height:100%;
                        position: absolute;
                        top:0;
                        left:0;
                        z-index: 1;
                        display: flex;
                        align-items: center;

                        .img1{
                            height:49px;
                        }

                        .img2{
                            height:40px;
                        }
                    }

                }
                .more{
                    display: flex;
                    align-items: center;
                    cursor: pointer;
                    margin-bottom: 15px;
                    h2{
                        font-size: 14px;
                        
                        font-weight: 600;
                        color: #1BBA84;
                        line-height: 20px;
                        margin:0;  
                    }

                    img{
                        width:16px;
                        height:16px;
                        margin-left:5px;
                    }

                }
            }

        }
    }

    .hp_expert{
        width:100%;
        height:675px;
        background-position: center center;
        background-size: cover;
        // transform: translateX(-60px);

        .hm{
            width:1200px;
            padding-top:70px;
            // overflow: hidden;
            .nameBox{
                width:100%;
                display: flex;
                align-items: flex-end;
                height:112px;
                .name{
                    flex:1;
                    position: relative;
                    h1{
                        font-size: 33px;
                        
                        font-weight: 600;
                        color: #212121;
                        line-height: 46px;
                        margin:0;
                        position: relative;
                        z-index: 2;
                    }

                    p{
                        font-size: 20px;
                        
                        font-weight: 600;
                        color: #888888;
                        line-height: 28px;
                        margin:0; 
                    }
                    
                    span{
                        width: 60px;
                        height: 6px;
                        background: #1BBA84;
                        display: block;
                        margin-top:10px;
                        margin-bottom:10px;
                        position: relative;
                        z-index: 2;
                    }

                    .imgBox{
                        height:100%;
                        position: absolute;
                        top:0;
                        left:0;
                        z-index: 1;
                        display: flex;
                        align-items: center;

                        .img1{
                            height:49px;
                        }

                        .img2{
                            height:40px;
                        }
                    }

                }
                .more{
                    display: flex;
                    align-items: center;
                    cursor: pointer;
                    margin-bottom: 15px;
                    h2{
                        font-size: 14px;
                        
                        font-weight: 600;
                        color: #1BBA84;
                        line-height: 20px;
                        margin:0;  
                    }

                    img{
                        width:16px;
                        height:16px;
                        margin-left:5px;
                    }

                }
            }
            .hitems{
                width:100%;
                position: relative;
                z-index: 10;
                
                .hi_box{
                    width:100%;
                    height:500px;
                    overflow: hidden;padding-top:70px;
                    // margin-left:-100px;
                }

                .swiper-button-prev{
                    cursor: pointer;
                    width: 42px;
                    height: 42px;
                    // background: #1BBA84;
                    position: absolute;
                    z-index: 200;
                    top:210px;
                    left:-62px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    cursor: pointer;
                    img{
                        width:42px;
                    }
                }
                .swiper-button-next{
                    cursor: pointer;
                    width: 42px;
                    height: 42px;
                    // background: #1BBA84;
                    position: absolute;
                    z-index: 200;
                    top:210px;
                    right:-62px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    cursor: pointer;
                    img{
                        width:42px;
                    }
                }
                
            }

                .swiper-container{
                    width:1600px;
                    margin-left:-200px;
                    overflow: visible !important;
                }

            // .hm2{
            //     width:100%;
            //     height:300px;
            //     overflow: hidden;
                
                
            //     .swiper_prev{
            //         width: 48px;
            //         height: 48px;
            //         position: absolute;
            //         left:10px;
            //         top:118px;
            //         border-radius: 100%;
            //         z-index: 800;
            //         cursor: pointer;

            //         img{
            //             width:48px;
            //             height:48px;
            //         }
            //     }

            //     .swiper_next{
            //         width: 48px;
            //         height: 48px;
            //         position: absolute;
            //         right:10px;
            //         top:118px;
            //         border-radius: 100%;
            //         z-index: 800;
            //         cursor: pointer;

            //         img{
            //             width:48px;
            //             height:48px;
            //         }
            //     }

            //     .swiper-container{
            //         width:960px;
            //         overflow: visible !important;
            //         margin-top:20px;
            //     }

            //     .swiper-slide {
            //         height: 300px;
            //         transition:all ease 200ms;
            //     }

            //     .swiper-wrapper{
            //         align-items: center;
            //     }
            // }

            .item{
                width: 225px;
                height: 247px;
                background:#000000;
            }

            .hitem:hover{
                transform: scale(1.03);
            }

            .hitem{
                width: 320px;
                height: 325px;
                background: #FFFFFF;
                box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1);
                border-radius: 10px;
                box-sizing: border-box;
                cursor: pointer;
                position: relative;
                z-index: 1;
                overflow: hidden;
                transition: all 100ms ease;
                .hbg{
                    width:100%;
                    height:210px;
                    background-size: cover;
                    background-position: center center;

                }

                .hinfo{
                    width:100%;
                    padding:20px 15px;
                    box-sizing: border-box;

                    h2{
                        width:100%;
                        margin:0;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        overflow: hidden;
                        font-size: 18px;
                        
                        font-weight: 500;
                        color: #212121;
                        line-height: 25px;
                    }

                    div{
                        margin-top:10px;
                        height: 40px;
                        font-size: 14px;
                        
                        font-weight: 400;
                        color: #888888;
                        line-height: 20px;
                        overflow: hidden;
                    }
                }

                // .avatar{
                //     width:120px;
                //     height:120px;
                //     border-radius: 100%;
                //     background-position: center center;
                //     background-size: cover;
                //     margin-top:-60px; 
                // }

                // h2{
                //     width:100%;
                //     margin:0;
                //     text-align: center;
                //     font-size: 18px;
                //     
                //     font-weight: 500;
                //     color: #212121;
                //     line-height: 25px;
                //     padding-top:15px;
                //     overflow: hidden;
                //     text-overflow: ellipsis;
                //     white-space: nowrap;
                // }

                // p{
                //     width:100%;
                //     margin:0;
                //     text-align: center;
                //     font-size: 14px;
                //     
                //     font-weight: 400;
                //     color: #888888;
                //     line-height: 20px;
                //     padding-top:10px;
                //     overflow: hidden;
                //     text-overflow: ellipsis;
                //     white-space: nowrap;  
                // }
            }

            .btncen{
                width: 165px;
                height: 40px;
                background: #FFFFFF;
                border-radius: 4px;
                border: 1px solid #EDEDED;
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-top: 60px;
                p{
                    font-size: 16px;
                    margin:0;
                    font-weight: 400;
                    color: rgba(27, 186, 132, 1);
                    line-height: 22px;
                }

                img{
                    width:16px;
                    height:16px;
                    display: block;
                    margin-left:10px;
                }
            }

            .hbox{
                width:105%;
                padding-top:20px;
                display: flex;
                flex-wrap: wrap;

                .hitem{
                    width: 180px;
                    height: 150px;
                    background: #FBFBFB;
                    margin-right:24px;
                    margin-top:100px;
                    padding:0 10px;
                    box-sizing: border-box;
                    cursor: pointer;
                    .avatar{
                        width:120px;
                        height:120px;
                        border-radius: 100%;
                        background-position: center center;
                        background-size: cover;
                        margin-top:-60px; 
                    }

                    h2{
                        width:100%;
                        margin:0;
                        text-align: center;
                        font-size: 18px;
                        
                        font-weight: 500;
                        color: #212121;
                        line-height: 25px;
                        padding-top:15px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }

                    p{
                        width:100%;
                        margin:0;
                        text-align: center;
                        font-size: 14px;
                        
                        font-weight: 400;
                        color: #888888;
                        line-height: 20px;
                        padding-top:10px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;  
                    }
                }
            }
        }
    }

    .page7{
        width:100%;
        display: flex;
        justify-content: center;
        height: 631px;
        background: #FFFFFF;

        .pm{
            width:1200px;
            padding-top:60px;

            .nameBox{
                width:100%;
                display: flex;
                align-items: flex-end;
                height:112px;
                .name{
                    flex:1;
                    position: relative;
                    h1{
                        font-size: 33px;
                        
                        font-weight: 600;
                        color: #212121;
                        line-height: 46px;
                        margin:0;
                        position: relative;
                        z-index: 2;
                    }

                    p{
                        font-size: 20px;
                        
                        font-weight: 600;
                        color: #888888;
                        line-height: 28px;
                        margin:0; 
                    }
                    
                    span{
                        width: 60px;
                        height: 6px;
                        background: #1BBA84;
                        display: block;
                        margin-top:10px;
                        margin-bottom:10px;
                        position: relative;
                        z-index: 2;
                    }

                    .imgBox{
                        height:100%;
                        position: absolute;
                        top:0;
                        left:0;
                        z-index: 1;
                        display: flex;
                        align-items: center;

                        .img1{
                            height:49px;
                        }

                        .img2{
                            height:40px;
                        }
                    }

                }
                .more{
                    display: flex;
                    align-items: center;
                    cursor: pointer;
                    margin-bottom: 15px;
                    h2{
                        font-size: 14px;
                        
                        font-weight: 600;
                        color: #1BBA84;
                        line-height: 20px;
                        margin:0;  
                    }

                    img{
                        width:16px;
                        height:16px;
                        margin-left:5px;
                    }

                }
            }

            .box{
                width:100%;
                display: flex;
                justify-content: space-between;
                margin-top:50px;

                .list{
                    width:330px;

                    .item:hover{
                        background: #1BBA84;

                        h2{
                            color:rgba(255, 255, 255, 1) !important;
                        }

                        .text{
                            color:rgba(255, 255, 255, 0.6) !important;
                        }

                        span{
                            background: rgba(255, 255, 255, 0.3) !important;
                        }

                        h4{
                            color:rgba(255, 255, 255, 1) !important; 
                        }

                        .dimg1{
                            display: none !important;
                        }

                        .dimg2{
                            display: block !important;
                        }
                    }
                    .item2:hover{
                        background: #1BBA84;

                        h2{
                            color:rgba(255, 255, 255, 1) !important;
                        }

                        .text{
                            color:rgba(255, 255, 255, 0.6) !important;
                        }

                        span{
                            background: rgba(255, 255, 255, 0.3) !important;
                        }

                        h4{
                            color:rgba(255, 255, 255, 1) !important; 
                        }

                        .dimg1{
                            display: none !important;
                        }

                        .dimg2{
                            display: block !important;
                        }
                    }

                    .item2{
                        width:100%;
                        margin-bottom: 10px;
                        padding:20px;
                        box-sizing: border-box;
                        height: 100px;
                        background: #F4F4F4; 
                        cursor: pointer;
                        h2{
                            font-size: 16px;
                            
                            font-weight: 500;
                            color: #212121;
                            line-height: 25px;
                            margin:0; 
                            width:100%;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            overflow: hidden;
                            padding-bottom: 20px;
                        }

                        .date{
                            width:100%;
                            display: flex;
                            h4{
                                font-size: 12px;
                                
                                font-weight: 400;
                                color: #212121;
                                line-height: 17px;
                                margin:0;
                                flex:1;
                            }

                            img{
                               width:16px;
                               height:16px; 
                            }

                            .dimg1{
                                display: block;
                            }

                            .dimg2{
                                display: none;
                            }
                        }

                    }

                    .item{
                        width:100%;
                        height: 155px;
                        background: #F4F4F4;
                        margin-bottom: 10px;
                        padding:20px;
                        box-sizing: border-box;
                        cursor: pointer;
                        h2{
                            font-size: 16px;
                            
                            font-weight: 500;
                            color: #212121;
                            line-height: 25px;
                            margin:0; 
                            width:100%;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            overflow: hidden;
                            padding-bottom: 10px;
                        }

                        .text{
                            width:100%;
                            height: 40px;
                            font-size: 14px;
                            
                            font-weight: 400;
                            color: #888888;
                            line-height: 20px;
                            overflow: hidden;
                            margin-bottom: 10px;
                        }

                        span{
                            width:100%;
                            height: 1px;
                            display: block;
                            margin-bottom: 13px;
                            background: rgba(219, 219, 219, 1);
                        }

                        .date{
                            width:100%;
                            display: flex;
                            h4{
                                font-size: 12px;
                                
                                font-weight: 400;
                                color: #212121;
                                line-height: 17px;
                                margin:0;
                                flex:1;
                            }

                            img{
                               width:16px;
                               height:16px; 
                            }

                            .dimg1{
                                display: block;
                            }

                            .dimg2{
                                display: none;
                            }
                        }
                    }
                }

                .ban{
                    width:500px;
                    height:320px;

                    .item{
                        width:500px;
                        height:320px;
                        background-position: center center;
                        background-size: cover;
                        position: relative;

                        .info{
                            width:100%;
                            height: 45px;
                            background: rgba(0, 0, 0, 0.6);
                            position: absolute;
                            bottom:0;
                            left:0;
                            padding:0 20px;
                            box-sizing: border-box;
                            display: flex;
                            align-items: center;
                            h2{
                                font-size: 16px;
                                
                                margin:0;
                                width:100%;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                font-weight: 500;
                                color: #FFFFFF;
                                line-height: 25px;
                            }
                        }
                    }
                }
            }
        }
    }

    .page4{
        width:100%;
        height:1090px;
        background-position: center center;
        background-size: cover;
        display: flex;
        justify-content: center;
        .pm{
            width:1200px;
            padding-top:10px;
            .nameBox{
                width:100%;
                display: flex;
                align-items: flex-end;
                height:112px;
                margin-top:60px;
                .name{
                    flex:1;
                    position: relative;
                    padding-top:29px;
                    h1{
                        font-size: 33px;
                        
                        font-weight: 600;
                        color: #212121;
                        line-height: 46px;
                        margin:0;
                        position: relative;
                        z-index: 2;
                    }

                    p{
                        font-size: 20px;
                        
                        font-weight: 600;
                        color: #888888;
                        line-height: 28px;
                        margin:0; 
                    }
                    
                    span{
                        width: 60px;
                        height: 6px;
                        background: #1BBA84;
                        display: block;
                        margin-top:10px;
                        margin-bottom:10px;
                        position: relative;
                        z-index: 2;
                    }

                    .imgBox{
                        height:100%;
                        position: absolute;
                        top:0;
                        left:0;
                        z-index: 1;
                        display: flex;
                        align-items: center;

                        .img1{
                            height:49px;
                        }

                        .img2{
                            height:40px;
                        }
                    }

                }
                .more{
                    display: flex;
                    align-items: center;
                    cursor: pointer;
                    margin-bottom: 15px;
                    h2{
                        font-size: 14px;
                        
                        font-weight: 600;
                        color: #1BBA84;
                        line-height: 20px;
                        margin:0;  
                    }

                    img{
                        width:16px;
                        height:16px;
                        margin-left:5px;
                    }

                }
            }
            
            .list{
                width:1200px;
                margin-top: 30px;
                .lbox{
                    width: 105%;
                    display: flex;

                    .item:hover{
                        transform: scale(1.03);
                    }

                    .bgBox{
                        width:240px;
                        height:200px;
                        overflow: hidden;
                    }

  

                    .item{
                        width:285px;
                        height:300px;
                        background: #FFFFFF;
                        box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.09);
                        border-radius: 10px;
                        overflow: hidden;
                        cursor: pointer;
                        margin-right:30px;
                        transition: all 100ms ease;
                        .bg{
                            width:100%;
                            height:160px;
                            background-position: center center;
                            background-size: cover;
                            
                        }

                        .ibom{
                            width:100%;
                            padding:10px 15px;
                            box-sizing: border-box;

                            .idiv{
                                margin-top:20px;
                                display: flex;
                                align-items: center;
                                img{
                                    width:16px;
                                    height:16px;
                                    margin-right:5px;
                                }
    
                                h4{
                                    flex:1;
                                    font-size: 14px;
                                    
                                    font-weight: 400;
                                    color: #1BBA84;
                                    line-height: 20px;
                                    margin:0;
                                }
    
                                div{
                                    font-size: 14px;
                                    
                                    font-weight: 400;
                                    color: #888888;
                                    line-height: 20px; 
                                }
                            }

                            h2{
                                width:100%;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                margin:0;
                                font-size: 18px;
                                
                                font-weight: 500;
                                color: #212121;
                                line-height: 25px;
                                padding-bottom: 5px;
                            }

                            p{
                                font-size: 14px;
                                
                                font-weight: 400;
                                color: #888888;
                                line-height: 20px;
                                margin:5px 0 0 0;  
                            }

                            span{
                                width: 100%;
                                display: block;
                                margin-top: 15px;
                                margin-bottom: 14px;
                                height: 1px; 
                                background: rgba(237, 237, 237, 1);
                            }
                        }
                    }
                }

            }

            .box{
                width:102%;
                display: flex;
                flex-wrap: wrap;
                margin-top: 30px;

                .item:hover{
                    transform: scale(1.03);
                }

                .item{
                    width: 285px;
                    height: 300px;
                    background: #FFFFFF;
                    margin-right:20px;
                    box-sizing: border-box;
                    transition: all 100ms ease;
                    cursor: pointer;
                    border-radius: 10px;
                    overflow: hidden;
                    .ibom{
                        width:100%;
                        padding:10px 15px;
                        box-sizing: border-box;
                        h2{
                            width:100%;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            font-size: 18px;
                            
                            font-weight: 600;
                            color: #212121;
                            line-height: 25px;
                            margin:0;
                            padding-bottom: 5px;
                        }

                        p{
                            font-size: 14px;
                            
                            font-weight: 400;
                            color: #888888;
                            line-height: 20px;
                            margin:5px 0 0 0;  
                        }

                        .time{
                            font-size: 14px;
                            
                            font-weight: 400;
                            color: #888888;
                            line-height: 25px;
                            width: 100%;
                            // text-align: right;
                            margin-top:5px;
                        }

                        .idiv{
                            margin-top:20px;
                            display: flex;
                            align-items: center;
                            img{
                                width:16px;
                                height:16px;
                                margin-right:5px;
                            }

                            h4{
                                flex:1;
                                font-size: 14px;
                                
                                font-weight: 400;
                                color: #1BBA84;
                                line-height: 20px;
                                margin:0;
                            }

                            div{
                                font-size: 14px;
                                
                                font-weight: 400;
                                color: #888888;
                                line-height: 20px; 
                            }
                        }
                    }

                    .itop{
                        width: 285px;
                        height: 160px;
                        background-size: cover;
                        background-position: center center;
                        position: relative;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        .iimg{
                            width:48px;
                            height:48px;
                        }

                        .imark{
                            width:100%;
                            height:100%;
                            position: absolute;
                            top:0;
                            left:0;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            background: rgba(0, 0, 0, 0.2);
                        }

                        .ido2{
                            width:90px;
                            height:35px;
                            position: absolute;
                            right:0;
                            top:0;
                            font-size: 16px;
                            
                            font-weight: 400;
                            color: #FFFFFF;
                            text-align: center;
                            line-height: 35px;
                            border-radius: 0 0 0 15px;
                            overflow: hidden;
                        }

                        .ido{
                            width: 108px;
                            height: 30px;
                            background: linear-gradient(130deg, #FFA588 0%, #E65245 100%);
                            border-radius: 0 0 0 15px;
                            position: absolute;
                            top:0;
                            right:0;
                            display: flex;
                            align-items: center;
                            justify-content: center;

                            img{
                                width:22px;
                                height:22px;
                                margin-right:5px;
                            }

                            p{
                                font-size: 12px;
                                margin:0;
                                font-weight: 500;
                                color: #FFFFFF;
                                line-height: 17px;
                            }
                        }
                    }

                }


                .item2{
                    width: 275px;
                    height: 268px;
                    background: #FFFFFF;
                    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.09);
                    border-radius: 0px 0px 10px 10px;
                    margin-bottom: 40px;
                    margin-right:20px;
                    .itop{
                        width: 100%;
                        height: 160px;
                        background-size: cover;
                        background-position: center center;
                        position: relative;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        .iimg{
                            width:48px;
                            height:48px;
                        }

                        .ido{
                            width: 108px;
                            height: 30px;
                            background: linear-gradient(130deg, #FFA588 0%, #E65245 100%);
                            border-radius: 15px;
                            position: absolute;
                            top:10px;
                            left:10px;
                            display: flex;
                            align-items: center;
                            justify-content: center;

                            img{
                                width:22px;
                                height:22px;
                                margin-right:5px;
                            }

                            p{
                                font-size: 12px;
                                margin:0;
                                font-weight: 500;
                                color: #FFFFFF;
                                line-height: 17px;
                            }
                        }
                    }

                    .ibom{
                        width:100%;
                        padding:10px 15px;
                        h2{
                            width:100%;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            font-size: 18px;
                            
                            font-weight: 400;
                            color: #212121;
                            line-height: 25px;
                            margin:0;
                        }

                        .time{
                            font-size: 14px;
                            
                            font-weight: 400;
                            color: #888888;
                            line-height: 25px;
                            width: 100%;
                            // text-align: right;
                            margin-top:5px;
                        }

                        .idiv{
                            margin-top:5px;
                            display: flex;
                            align-items: center;

                            .iimg{
                                width:24px;
                                height:24px;
                                border-radius: 100%;
                                background-size: cover;
                                background-position: center center;
                                margin-right:10px;
                            }

                            h4{
                                flex:1;
                                font-size: 14px;
                                
                                font-weight: 400;
                                color: #888888;
                                line-height: 20px;
                                margin:0;
                            }

                            img{
                                width:14px;
                                height:14px;
                                margin-right:5px;
                            }

                            p{
                                font-size: 14px;
                                
                                font-weight: 400;
                                color: #888888;
                                line-height: 20px;
                                margin:0;
                            }
                        }
                    }
                }
            }
        }
    }

    .page3{
        width:100%;
        height:860px;
        background-position: center center;
        background-size: cover;
        display: flex;
        justify-content: center;

        .pm{
            width:1200px;
            padding-top:61px;

            .box{
                width: 100%;
                margin-top:143px;
                display: flex;
                .binfo{
                    width: 1200px;
                    height: 440px;
                    position: relative;
                    // background: #FAFAFA;
                    // padding-left:34px;
                    display: flex;

                    .bbb{
                        width: 650px;
                        height: 440px;
                        background: #FAFAFA;  
                        position: absolute;
                        top:0;
                        left:0;
                        z-index: 1;
                    }

                    .right{
                        width:780px;
                        margin-left:40px;
                        position: relative;
                        z-index: 2;
                        .bg{
                            width:780px;
                            height:340px;
                            margin-top:50px;
                            margin-bottom: 20px;;
                        }

                        .r_page{
                            text-align: right;
                        }
                    }
                    
                    .left{
                        width:340px;
                        position: relative;
                        z-index: 2;
                        margin-left:34px;
                        .num{
                            width:160px;
                            height:141px;
                            margin-top:-67px;
                            margin-bottom: 44px;
                        }

                        h1{
                            font-size: 30px;
                            
                            font-weight: 600;
                            color: #212121;
                            line-height: 42px; 
                            margin:0;
                        }

                        span{
                            width: 75px;
                            height: 2px;
                            background: #1BBA84;
                            display: block;
                            margin-top:12px;  
                            margin-bottom: 18px;
                        }

                        .bp{
                            width:100%;
                            height: 78px;
                            font-size: 16px;
                            
                            font-weight: 400;
                            color: #888888;
                            line-height: 26px; 
                            margin-bottom: 30px;
                        }

                        h4{
                            font-size: 12px;
                            
                            font-weight: 400;
                            color: #212121;
                            line-height: 17px;
                            margin:0;
                        }

                        .btn{
                            width: 130px;
                            height: 40px;
                            border: 1px solid #1BBA84;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            cursor: pointer;
                            margin-top:33px;
                            p{
                                font-size: 12px;
                                font-family: #1BBA84;
                                font-weight: 400;
                                color: #1BBA84;
                                line-height: 17px; 
                                margin:0; 
                            }

                            img{
                                width:16px;
                                height:16px;
                                margin-left:14px;
                            }
                        }
                    }
                }
            }

            .nameBox{
                width:100%;
                display: flex;
                align-items: flex-end;
                height:112px;

                .name{
                    flex:1;
                    position: relative;
                    padding-top:29px;
                    h1{
                        font-size: 33px;
                        
                        font-weight: 600;
                        color: #212121;
                        line-height: 46px;
                        margin:0;
                        position: relative;
                        z-index: 2;
                    }
                    
                    span{
                        width: 60px;
                        height: 4px;
                        background: #1BBA84;
                        display: block;
                        margin-top:10px;
                        position: relative;
                        z-index: 2;
                    }

                    .imgBox{
                        height:100%;
                        position: absolute;
                        top:0;
                        left:0;
                        z-index: 1;
                        display: flex;
                        align-items: center;

                        .img1{
                            height:49px;
                        }

                        .img2{
                            height:40px;
                        }
                    }

                }
                .more{
                    display: flex;
                    align-items: center;
                    cursor: pointer;
                    margin-bottom: 15px;
                    h2{
                        font-size: 14px;
                        
                        font-weight: 600;
                        color: #1BBA84;
                        line-height: 20px;
                        margin:0;  
                    }

                    img{
                        width:16px;
                        height:16px;
                        margin-left:5px;
                    }

                }
            }  
        }
    }

    .page2{
        width:100%;
        height:600px;
        background-position: center center;
        background-size: cover;
        display: flex;
        justify-content: center;
        background: #FFFFFF;

        .pm{
            width:1200px;
            display: flex;
            justify-content: space-between;

            .nameBox{
                width:100%;
                display: flex;
                align-items: flex-end;

                .name{
                    flex:1;
                    position: relative;
                    h1{
                        font-size: 33px;
                        
                        font-weight: 600;
                        color: #212121;
                        line-height: 46px;
                        margin:0;
                        position: relative;
                        z-index: 2;
                    }
                    
                    span{
                        width: 60px;
                        height: 6px;
                        background: #1BBA84;
                        display: block;
                        margin-top:10px;
                        margin-bottom: 10px;
                        position: relative;
                        z-index: 2;
                    }

                    p{
                        font-size: 20px;
                        
                        font-weight: 600;
                        color: #888888;
                        line-height: 28px;
                        margin:0; 
                    }

                    .imgBox{
                        height:100%;
                        position: absolute;
                        top:0;
                        left:0;
                        z-index: 1;
                        display: flex;
                        align-items: center;

                        .img1{
                            height:49px;
                        }

                        .img2{
                            height:40px;
                        }
                    }

                }
                .more{
                    display: flex;
                    align-items: center;
                    cursor: pointer;
                    margin-bottom: 5px;
                    h2{
                        font-size: 14px;
                        
                        font-weight: 600;
                        color: #1BBA84;
                        line-height: 20px;
                        margin:0;  
                    }

                    img{
                        width:16px;
                        height:16px;
                        margin-left:5px;
                    }

                }
            }   

            .left{
                width:780px;
                padding-top:60px;

                .box{
                    width:100%;
                    height:320px;
                    margin-top:20px;
                    position: relative;

                    .left_spans{
                        width:280px;
                        position: absolute;
                        bottom:15px;
                        right:0;
                        display: flex;
                        align-items: center;
                        justify-content: center;

                        div{
                            width: 6px;
                            height: 6px;
                            border: 1px solid #1BBA84;
                            border-radius: 100%;
                            margin:0 5px;
                            cursor: pointer;
                        }

                        .d_active{
                            background: #1BBA84;
                        }

                    }

                    .item:hover{
                        // cursor: pointer;
                        h2{
                            color:rgba(27, 186, 132, 1) !important;
                            transform: scale(1.03);
                        }
                        p{
                            color:rgba(27, 186, 132, 1) !important;
                        }
                        // div{
                        //     color:rgba(27, 186, 132, 1) !important;
                        // }

                        .dimg1{
                            display: none !important;
                        }

                        .dimg2{
                            display: block !important;
                        }
                        
                        .know{
                            background: rgba(27, 186, 132, 1) !important;
                            color:#fff !important;
                            border: 1px solid rgba(27, 186, 132, 1) !important;
                        }
                    }

                    .item{
                        width:100%;
                        height:320px;
                        background: #F4F4F4;
                        display: flex;
                        cursor: pointer;
                        .bg{
                            width:500px;
                            height:320px;
                            background-size: cover;
                            background-position: center center;
                        }

                        .info{
                            width:280px;
                            height:320px;
                            padding:20px 15px 0 15px;
                            h2{
                                font-size: 16px;
                                
                                font-weight: 500;
                                color: #212121;
                                line-height: 22px;
                                margin:0;
                                width:100%;
                                height:44px;
                                transition: all 100ms ease;
                                overflow: hidden;

                            }
                            
                            // align-items: center;
                            .date{
                                width:100%;
                                display: flex;
                                align-items: center;
                                margin-top:20px;
                                margin-bottom: 20px;
                                img{
                                    width:16px;
                                    height:16px;
                                    margin-right:10px;
                                }

                                .dimg1{
                                    display: block;
                                }

                                .dimg2{
                                    display: none;
                                }

                                p{
                                    font-size: 14px;
                                    
                                    font-weight: 400;
                                    color: #888888;
                                    line-height: 20px;
                                    margin:0; 
                                }
                            }

                            .know{
                                width: 85px;
                                height: 30px;
                                border: 1px solid #B0B0B0;
                                margin-top:20px;
                                font-size: 14px;
                                
                                font-weight: 400;
                                color: #B0B0B0;
                                line-height: 30px;
                                text-align: center;
                                cursor: pointer;

                            }

                            .dtext{
                                width:100%;
                                font-size: 14px;
                                height:84px;
                                overflow: hidden;
                                font-weight: 400;
                                color: #888888;
                                line-height: 21px;
                                margin:0;
                            }
                        }
                    }
                }
            }

            .right{
                width:390px;
                padding-top:60px;

                .box{
                    width:100%;
                    height:375px;
                    margin-top:30px;

                    .item:hover{
                        cursor: pointer;
                        transform: scale(1.03);
                        h2{
                            color:rgba(27, 186, 132, 1) !important;
                        }
                        p{
                            color:rgba(27, 186, 132, 1) !important;
                        }
                        div{
                            color:rgba(27, 186, 132, 1) !important;
                        }
                    }

                    .item{
                        width:100%;
                        transition: all 100ms ease;
                        margin-bottom: 20px;

                        .date{
                            width:100%;
                            display: flex;
                            align-items: center;

                            img{
                                width:16px;
                                height:16px;
                                margin-right:10px;
                            }
                        }
                        h2{
                            width: 100%;
                            height: 22px;
                            font-size: 16px;
                            
                            font-weight: 600;
                            color: #212121;
                            line-height: 22px;
                            margin:5px 0 0 0;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                        }

                        p{
                            font-size: 14px;
                            
                            font-weight: 500;
                            color: #1BBA84;
                            line-height: 20px; 
                            margin:0;
                        }
                    }

                    .item2{
                        width:100%;
                        display: flex;
                        justify-content: space-between;
                        .date{
                            width:98px;
                            height:135px;
                            display: flex;
                            align-items: center;
                            justify-content: center;

                            h2{
                                width:100%;
                                text-align: center;
                                font-size: 40px;
                                
                                font-weight: 400;
                                color: #B0B0B0;
                                line-height: 56px;
                                margin:0;
                            }

                            p{
                                width:100%;
                                text-align: center;
                                font-size: 16px;
                                
                                font-weight: 400;
                                color: #B0B0B0;
                                line-height: 22px;
                            }
                        }
                        
                        .text{
                            width:560px;

                            h2{
                                width:100%;
                                text-overflow: ellipsis;
                                overflow: hidden;
                                white-space: nowrap;
                                font-size: 16px;
                                
                                font-weight: 600;
                                color: rgba(27, 186, 132, 1);
                                line-height: 45px;
                                margin:0;
                            }

                            div{
                                margin-top:15px;
                                width:100%;
                                border-top: 1px solid #DBDBDB;
                                padding-top:14px;
                                font-size: 14px;
                                
                                font-weight: 400;
                                color: #888888;
                                line-height: 21px;
                                height:60px;
                                overflow: hidden;
                            }
                        }
                    }
                }
            }
        }
    }

    .page1{
        width:100%;
        height:260px;
        background-position: center center;
        background-size: cover;
        display: flex;
        justify-content: center;

        .pm{
            width:1200px;
            display: flex;
            .pmi{
                width:299px;
                border-left:1px solid rgba(27, 186, 132, 0.1);
                padding-top:40px;

                p{
                    font-size: 14px;
                    
                    font-weight: 400;
                    color: #B0B0B0;
                    line-height: 26px;
                    margin:0;
                    padding-top:21px;
                    padding-left:24px;
                    width:240px;
                }

                .pmt{
                    width:100%;
                    display: flex;
                    align-items: center;

                    .ps{
                        width: 4px;
                        height: 30px;
                        background: #1BBA84;
                        margin-right:20px;
                    }

                    h2{
                        font-size: 50px;
                        
                        font-weight: 800;
                        color: #333434;
                        line-height: 60px;
                        margin:0;
                    }
                }
            }
        }
    }

    .h_notice{
        width:100%;
        height:80px;
        background: rgba(27, 186, 132, 1);
        position: relative;

        .hn_right{
            position: absolute;
            right:0;
            top:0;
            width:calc(50vw - 600px);
            
            background: #fff;
            div{
                background-position: top left;
                background-image: cover;
                width:100%;
                height:80px;
            }
        }

        .hn_main{
            width:1200px;
            height:80px;
            display: flex;
            background: #fff;
            .hn_left{
                width:130px;
                height:80px;
                background-position: top right;
                background-image: cover;
                margin-right:5px;
            }

            @keyframes wordsLoop {
                0% {
                    transform: translateY(0);
                    -webkit-transform: translateY(0);
                }
                100% {
                    transform: translateY(-350px);
                }

                // 100% {
                //     transform: translateY(0);
                //     -webkit-transform: translateY(0);
                // }
            }

            .hn_text{
                flex:1;
                height:80px;
                overflow: hidden;

                .hn_div{
                    width:100%;
                    height:auto;
                    animation: 10s 3s wordsLoop forwards linear infinite;

                    div{
                        font-size: 18px;
                        
                        font-weight: 400;
                        color: #212121;
                        line-height: 80px;
                        margin:0;
                        width:100%;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        cursor: pointer;
                    }
                }
                
                
            }

            .more{
                display: flex;
                align-items: center;
                margin-left:5px;
                margin-right:15px;
                cursor: pointer;
                h2{
                    font-size: 16px;
                    
                    margin:0;
                    font-weight: 400;
                    color: #1BBA84;
                    line-height: 22px;
                }

                img{
                    width:16px;
                    height:16px;
                    margin-left:5px;
                }
            }
        }
    }

    .h_banner{
        width:100%;
        height:600px;
        position: absolute;
        top:0;
        left:0;
        z-index: 800;
        .bg{
            width:100%;
            height:600px;
            overflow: hidden;
            background-size: cover;
            background-position: center center;
        }
        .slides{
            width:100%;
            position: absolute;
            bottom:30px;
            display: flex;
            align-items: center;
            justify-content: center;
            div{
                width: 14px;
                height: 14px;
                background: rgba(255, 255, 255, .5);
                border-radius: 100%;
                margin-right:30px;
                cursor: pointer;
            }

            .hover{
                background: rgba(255, 255, 255, 1);
            }
        }

        .bcen{
            width:100%;
            position: absolute;
            top:150px;
            left:0;
            display: flex;
            align-items: center;
            justify-content: center;

            .btns{
                width:1200px;
                display: flex;
                align-items: center;

                .btn{
                    width: 130px;
                    height: 45px;
                    background: rgba(255, 255, 255, 0.8);
                    border-radius: 2px;
                    margin-right:5px;
                    display: flex;
                    align-items: center;
                    cursor: pointer;
                    img{
                        width:16px;
                        height:16px;
                        margin:0 10px;
                    }

                    p{
                        font-size: 14px;
                        
                        margin:0;
                        font-weight: 400;
                        color: #212121;
                        line-height: 20px; 
                    }
                }
            }
        }
    }

    .hp9{
        width:100%;
        height: auto;
        background: #FBFBFB;

        .hm{
            width:1222px;
            padding-top:50px;
            padding-bottom: 15px;
            h1{
                font-size: 30px;
                width:100%;
                text-align: center;
                font-weight: 600;
                color: #212121;
                line-height: 42px;
                margin:0;
            }

            .hp_name{
                width:432px;
                height:112px;
                background-size: cover;
                background-position: center center;
                display: flex;
                align-items: center;
                justify-content: center;

                h1{
                    font-size: 30px;
                    margin:0;
                    width:100%;
                    text-align: center;
                    font-weight: 600;
                    color: #FFFFFF;
                    line-height: 42px;
                }
            }

            .box{
                width:105%;
                margin-top:50px;
                display: flex;
                flex-wrap: wrap;
                // .item:nth-child(3n){
                //     margin-right:0;
                // }

                .item:hover{
                    transform: scale(1.03) translateY(-10px);
                }

                .item{
                    width:400px;
                    height:85px;
                    margin-right:10px;
                    background-size: cover;
                    transition:all ease 300ms;
                    display: flex;
                    align-items: center;
                    margin-bottom: 20px;
                    cursor: pointer;
                    img{
                        width:32px;
                        height:32px;
                        margin:0 20px 0 30px;
                    }

                    p{
                        font-size: 18px;
                        margin:0;
                        width:100%;
                        
                        font-weight: 500;
                        color: rgba(33, 33, 33, 1);
                        line-height: 25px;
                    }
                }
            }
        }
    }

    .hp8{
        width:100%;
        height: 640px;
        background: #FFFFFF;
        .hm{
            width:1200px;
            padding-top:50px;

            h1{
                font-size: 30px;
                width:100%;
                text-align: center;
                font-weight: 600;
                color: #212121;
                line-height: 42px;
                margin:0;
            }

            .box{
                padding-top:20px;
                width:100%;
                display: flex;
                flex-wrap: wrap;

                .item:nth-child(3n){
                    margin-right:0;
                }

                .item:hover{
                    transform: scale(1.05);
                }

                .item{
                    width: 380px;
                    height: 185px;
                    background: #FFFFFF;
                    border-radius: 4px;
                    border: 1px solid #DBDBDB;
                    box-sizing: border-box;
                    margin-right:30px;
                    margin-bottom: 30px;
                    padding:10px;
                    display: flex;
                    transition:all ease 300ms;
                    cursor: pointer;
                    .left{
                        width: 146px;
                        height: 165px;
                        border-radius: 4px;
                        background-size: cover;
                        background-position: center center;
                        margin-right:20px;
                    }

                    .right{
                        width:184px;
                        h2{
                            font-size: 16px;
                            font-weight: 500;
                            color: #212121;
                            line-height: 42px;
                            width:100%;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            margin:0;
                        }

                        h4{
                            font-size: 14px;
                            width:100%;
                            height:40px;
                            overflow: hidden;
                            margin:0;
                            font-weight: 400;
                            color: #888888;
                            line-height: 20px;
                        }

                        button{
                            width: 184px;
                            height: 40px;
                            background: linear-gradient(136deg, #1161D6 0%, #151761 100%);
                            border-radius: 20px;
                            margin-top:10px;
                            font-size: 16px;
                            border:0;
                            font-weight: 400;
                            color: #FFFFFF;
                        }

                        .rinfo{
                            width:100%;
                            display: flex;
                            align-items: center;
                            margin-bottom: 10px;
                            img{
                                width:24px;
                                height:24px;
                            }
                            p{
                                font-size: 14px;
                                margin:0;
                                flex:1;
                                font-weight: 400;
                                color: #212121;
                                line-height: 20px;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                            }
                        }
                    }
                }
            }


            .top{
                width:100%;
                height:36px;
                border-bottom:1px solid rgba(248, 248, 248, 1) ;
                display: flex;
                margin-top:40px;
                .more{
                    display: flex;
                    align-items: center;
                    height:40px;
                    cursor: pointer;
                    p{
                        font-size: 14px;
                        margin:0;
                        font-weight: 400;
                        color: #004CA7;
                        line-height: 20px;
                    }

                    img{
                        width:16px;
                        height:16px;
                        margin-left:5px;
                    }
                }
                .rleft{
                    flex:1;
                    display: flex;

                    .rchosen{
                        color:rgba(74, 74, 74, 1) !important;
                        span{
                            opacity: 1 !important;
                        }
                    }

                    .ritem{
                        width:125px;
                        height:40px;
                        position: relative;
                        margin-right:10px;
                        line-height: 32px;
                        text-align: center;
                        font-weight: 400;
                        color: #9B9B9B;
                        font-size: 18px;
                        cursor: pointer;
                        span{
                            width: 125px;
                            position: absolute;
                            height: 4px;
                            bottom:0;
                            left:0;
                            opacity: 0;
                            background: #004CA7;
                        }
                    }
                }
            }

        }
    }

    .hp7{
        width:100%;
        height:540px;
        .hm{
            width:1200px;
            padding-top:50px;

            h1{
                font-size: 30px;
                width:100%;
                text-align: center;
                font-weight: 600;
                color: #FFFFFF;
                line-height: 42px;
            }

            .hbox{
                width:100%;
                display: flex;
                justify-content: space-between;
                margin-top:50px;


                .item:hover{
                    transform: scale(1.03) translateY(-10px);
                }

                .item{
                    width: 232px;
                    height: 348px;
                    background: rgba(255,255,255,.7);
                    border-radius: 0px 0px 4px 4px;
                    transition:all ease 300ms;
                    .timg{
                        width:232px;
                        height:174px;
                    }

                    h2{
                        font-size: 16px;
                        width:100%;
                        text-align: center;
                        margin:0;
                        font-weight: 400;
                        color: #212121;
                        line-height: 22px;
                    }

                    button{
                        width: 192px;
                        height: 45px;
                        background: linear-gradient(157deg, #0083D3 0%, #004CA7 100%);
                        box-shadow: 0px 6px 12px 0px rgba(0, 76, 167, 0.2);
                        border-radius: 23px;
                        font-size: 16px;
                        border:0;
                        cursor: pointer;
                        font-weight: 400;
                        color: #FFFFFF;
                        margin-top:26px;
                    }

                    .idiv{
                        width: 100px;
                        height: 100px;
                        background: #FFFFFF;
                        box-shadow: 0px 5px 10px 0px rgba(0, 52, 114, 0.09);
                        border-radius: 100%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        margin-top:-50px;
                        margin-bottom:10px;
                    }
                }
            }
        }
    }

    .hp6{
        width:100%;
        height: 694px;
        background: #FBFBFB;

        .hm{
            width:1200px;
            padding-top:50px;

            h1{
                font-size: 30px;
                margin:0;
                width:100%;
                text-align: center;
                font-weight: 600;
                color: #212121;
                line-height: 42px;
            }

            .details{
                width:100%;
                padding:0 20px;
                .dname{
                    width: 247px;
                    height: 62px;
                    border-bottom: 1px solid #EDEDED;
                    line-height: 62px;
                    text-align: center;
                    font-size: 16px;
                    font-weight: 600;
                    color: #212121;
                    margin-bottom: 20px;
                }

                .icon{
                    width:24px;
                    height:24px;
                    margin-bottom:12px;
                }

                p{
                    font-size: 14px;
                    margin:0;
                    height:96px;
                    font-weight: 400;
                    color: #212121;
                    line-height: 24px;
                }

                .ditem{
                    width:176px;
                    .dbox{
                        width: 76px;
                        height: 76px;
                        border-radius: 100%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        margin-bottom: 10px;
                        background: linear-gradient(180deg, rgba(0, 43, 174, 0.2) 0%, #0035AC 100%);
                    }

                    h2{
                        font-size: 16px;
                        width:100%;
                        text-align: center;
                        margin:0;
                        font-weight: 400;
                        color: #212121;
                        line-height: 22px;
                    }
                }
            }

            .hbox{
                width:100%;
                height: 200px;
                margin-top:30px;
                background: linear-gradient(270deg, #315DCF 0%, #009974 52%, #96A100 100%);
                padding:0 5px;
                display: flex;
                justify-content: space-between;
                .title{
                    width:100%;
                    border-bottom: 1px solid #FFFFFF;
                    height:45px;
                    font-size: 18px;
                    text-align: center;
                    font-weight: 500;
                    color: #FFFFFF;
                }

                .jian{
                    width:28px;
                    height:28px;
                    margin-top:88px;
                }

                .ibox{
                    width:100%;
                    display: flex;
                    justify-content: space-around;

                    .icon{
                        width:24px;
                        height:24px;
                        margin-top:45px;
                    }

                    .idiv{
                        width:76px;
                        .item{
                            width: 76px;
                            height: 76px;
                            margin-top:20px;
                            border-radius: 100%;
                            display: flex;
                            align-items: center;
                            justify-content: center;



                            margin-bottom: 10px;
                            background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, #FFFFFF 100%);
                        }
                        p{
                            font-size: 16px;
                            margin:0;
                            font-weight: 400;
                            color: #FFFFFF;
                            line-height: 22px; 
                            width:100%;
                            text-align: center;
                        }
                    }
                }

                

                

                .h1{
                    width:400px;
                    
                }

                .h2{
                    width:247px;
                }
            }
        }
    }

    .hp_activity{
        width:100%;
        background: #FBFBFB;
        height:auto;
        .hm{
            width:1200px;
            padding-top:50px;
            padding-bottom: 30px;
            h1{
                font-size: 30px;
                margin:0;
                width:100%;
                text-align: center;
                font-weight: 600;
                color: #FFFFFF;
                line-height: 42px;
                padding-bottom: 14px;
            }


            .hp_name{
                width:473px;
                height:127px;
                background-size: cover;
                background-position: center center;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .hbox{
                width:105%;
                display: flex;
                flex-wrap: wrap;
                margin-top:50px;
                .hitem{
                    width:390px;
                    height:250px;
                    background-position: center center;
                    background-size: cover;
                    margin-right:15px;
                    margin-bottom: 20px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    cursor: pointer;
                    .hinfo{
                        width: 152px;
                        height: 152px;
                        background: rgba(0, 0, 0, 0.2);
                        padding-top:20px;
                        box-sizing: border-box;
                        img{
                            width:32px;
                            height:32px;
                            margin-bottom: 20px;
                        }

                        p{
                            width:100%;
                            margin:0;
                            font-size: 20px;
                            
                            font-weight: 500;
                            color: #FFFFFF;
                            line-height: 28px;
                            text-align: center;
                        }
                    }
                }
            }
        }
    }

    .hp5{
        width:100%;
        height: auto;
        background: #FFFFFF;
        position: relative;

        .hp_bg{
            position: absolute;
            bottom:0;
            left:0;
            z-index: 1;
        }

        .hp_bg2{
            position: absolute;
            bottom:-30px;
            right:0;
            z-index: 1;
        }
        .hm{
            width:1200px;
            padding-top:50px;
            padding-bottom: 20px;
            position: relative;
            z-index: 2;
            


            .hp_name{
                width:432px;
                height:112px;
                background-size: cover;
                background-position: center center;
                display: flex;
                align-items: center;
                justify-content: center;

                h1{
                    font-size: 30px;
                    margin:0;
                    width:100%;
                    text-align: center;
                    font-weight: 600;
                    color: #FFFFFF;
                    line-height: 42px;
                }
            }
            .hp_name2{
                width:449px;
                height:132px;
                background-size: cover;
                background-position: center center;
                display: flex;
                align-items: center;
                justify-content: center;

                h1{
                    font-size: 30px;
                    margin:0;
                    width:100%;
                    text-align: center;
                    font-weight: 600;
                    color: #FFFFFF;
                    line-height: 42px;
                    padding-top:12px;
                }
            }

            .btncen{
                width: 165px;
                height: 40px;
                background: #FFFFFF;
                border-radius: 4px;
                border: 1px solid #EDEDED;
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;

                p{
                    font-size: 16px;
                    margin:0;
                    font-weight: 400;
                    color: #007DFF;
                    line-height: 22px;
                }

                img{
                    width:16px;
                    height:16px;
                    display: block;
                    margin-left:10px;
                }
            }

            .btncen2{
                width: 165px;
                height: 40px;
                background: #FFFFFF;
                border-radius: 4px;
                border: 1px solid #EDEDED;
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;

                p{
                    font-size: 16px;
                    margin:0;
                    font-weight: 400;
                    color: rgba(240, 111, 24, 1);
                    line-height: 22px;
                }

                img{
                    width:16px;
                    height:16px;
                    display: block;
                    margin-left:10px;
                }
            }


            .hbox{
                width:105%;
                margin-top:50px;
                display: flex;
                flex-wrap: wrap;
                // justify-content: space-between;

                .item:hover{
                    transform: scale(1.05);
                    // border: 1px solid  rgba(0, 114, 207,.4);
                    box-shadow: 0px 10px 20px 0px rgba(0, 114, 207, 0.29);
                }

                .item{
                    width: 285px;
                    height: 268px;
                    background: #FFFFFF;
                    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.09);
                    border-radius: 0px 0px 10px 10px;
                    margin-bottom: 40px;
                    margin-right:20px;
                    .itop{
                        width: 100%;
                        height: 160px;
                        background-size: cover;
                        background-position: center center;
                        position: relative;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        .iimg{
                            width:48px;
                            height:48px;
                        }

                        .ido{
                            width: 108px;
                            height: 30px;
                            background: linear-gradient(130deg, #FFA588 0%, #E65245 100%);
                            border-radius: 15px;
                            position: absolute;
                            top:10px;
                            left:10px;
                            display: flex;
                            align-items: center;
                            justify-content: center;

                            img{
                                width:22px;
                                height:22px;
                                margin-right:5px;
                            }

                            p{
                                font-size: 12px;
                                margin:0;
                                font-weight: 500;
                                color: #FFFFFF;
                                line-height: 17px;
                            }
                        }
                    }

                    .ibom{
                        width:100%;
                        padding:10px 15px;
                        h2{
                            width:100%;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            font-size: 18px;
                            
                            font-weight: 400;
                            color: #212121;
                            line-height: 25px;
                            margin:0;
                        }

                        .time{
                            font-size: 14px;
                            
                            font-weight: 400;
                            color: #888888;
                            line-height: 25px;
                            width: 100%;
                            // text-align: right;
                            margin-top:5px;
                        }

                        .idiv{
                            margin-top:5px;
                            display: flex;
                            align-items: center;

                            .iimg{
                                width:24px;
                                height:24px;
                                border-radius: 100%;
                                background-size: cover;
                                background-position: center center;
                                margin-right:10px;
                            }

                            h4{
                                flex:1;
                                font-size: 14px;
                                
                                font-weight: 400;
                                color: #888888;
                                line-height: 20px;
                                margin:0;
                            }

                            img{
                                width:14px;
                                height:14px;
                                margin-right:5px;
                            }

                            p{
                                font-size: 14px;
                                
                                font-weight: 400;
                                color: #888888;
                                line-height: 20px;
                                margin:0;
                            }
                        }
                    }
                }
            }

            .box{
                width:105%;
                margin-top:30px;
                display: flex;
                flex-wrap: wrap;
                // justify-content: space-between;

                .item:hover{
                    transform: scale(1.05);
                    border: 1px solid  rgba(0, 114, 207,.4);
                    box-shadow: 0px 10px 20px 0px rgba(0, 114, 207, 0.29);
                }
                .item{
                    width: 225px;
                    height: 247px;
                    background: #FFFFFF;
                    box-shadow: 0px 10px 20px 0px rgba(21, 23, 97, 0.05);
                    border-radius: 4px;
                    border: 1px solid #E9E9E9;
                    margin-right:20px;
                    margin-bottom: 20px;
                    overflow: hidden;
                    transition:all ease 200ms;
                    cursor: pointer;
                    .itop{
                        width:100%;
                        height: 135px;
                        background-size: cover;
                        background-position: center center;
                        position: relative;

                        span{
                            width: 60px;
                            height: 30px;
                            background: linear-gradient(270deg, #E3C799 0%, #C7A26A 100%);
                            border-radius: 0px 4px 0px 20px;
                            position: absolute;
                            display: block;
                            font-size: 16px;
                            text-align: center;
                            
                            line-height: 28px;
                            font-weight: 400;
                            color: #FFFFFF;
                            top:0;
                            right:0;
                        }
                    }

                    .ibom{
                        width:100%;
                        padding:10px;
                        box-sizing: border-box;

                        h2{
                            font-size: 16px;
                            
                            font-weight: 400;
                            color: rgba(0, 0, 0, 0.85);
                            line-height: 25px;
                            margin:0;
                        }

                        p{
                            height: 40px;
                            font-size: 14px;
                            padding-top:10px;
                            font-weight: 400;
                            color: #888888;
                            line-height: 20px;
                        }

                        h4{
                            margin:0;
                            font-size: 20px;
                            
                            font-weight: 600;
                            color: #FA6400;
                            line-height: 28px;
                        }

                        .idiv{
                            width:100%;
                            display: flex;
                            align-items: center;
                            margin:10px 0;
                            img{
                                width:14px;
                                height:14px;
                                margin-right:5px;
                            }

                            p{
                                width:100px;
                                font-size: 14px;
                                
                                font-weight: 400;
                                color: #888888;
                                line-height: 20px;
                                margin:0;
                            }
                        }
                    }
                }
            }
        }
    }

    .hp4{
        width:100%;
        height:400px;
        background-size: cover;
        background-position: center center;
        .hm{
            width:1200px;
            padding-top:50px;

            h1{
                font-size: 40px;
                margin:0;
                width:100%;
                text-align: center;
                font-weight: 600;
                color: #FFFFFF;
                line-height: 56px;
            }

            .hbox{
                width:100%;
                margin-top:52px;
                display: flex;
                justify-content: space-between;

                .hitem:hover{
                    transform: scale(1.03) translateY(-10px);
                }

                .hitem{
                    width:124px;
                    transition:all ease 300ms;
                    .hdiv{
                        width: 124px;
                        height: 124px;
                        // background: #FFFFFF;
                        border-radius: 62px;
                        padding:4px;
                        // border: 4px solid;
                        // border-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)) 4 4;
                        background-image:linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
                        margin-bottom: 30px;
                        // border-radius: 100%;
                        box-sizing: border-box;
                        div{
                            width:100%;
                            height:100%;
                            border-radius: 100%;
                            background:rgba(0, 114, 207, .8);
                            display: flex;
                            align-items: center;
                            justify-content: center;
                        }
                        img{
                            width:48px;
                            height:48px;
                        }
                    }

                    p{
                        width:100%;
                        text-align: center;
                        margin:0;
                        font-size: 18px;
                        font-weight: 600;
                        color: #FFFFFF;
                        line-height: 25px;
                    }
                }
            }
        }
    }

    .hp3{
        width:100%;
        height: auto;
        background: #FFFFFF;
        position: relative;

        .hp_bg{
            position: absolute;
            top:-40px;
            left:0;
            z-index: 1;
        }


        .hm{
            width:1200px;
            padding-top:50px;
            position: relative;
            z-index: 2;
            h1{
                font-size: 30px;
                margin:0;
                width:100%;
                text-align: center;
                font-weight: 600;
                color: #212121;
                line-height: 42px;
            }

            .hp_name{
                width:449px;
                height:132px;
                background-size: cover;
                background-position: center center;
                display: flex;
                align-items: center;
                justify-content: center;

                h1{
                    font-size: 30px;
                    margin:0;
                    width:100%;
                    text-align: center;
                    font-weight: 600;
                    color: #FFFFFF;
                    line-height: 42px;
                    padding-top:12px;
                }
            }

            .hbox{
                width:100%;
                display: flex;
                justify-content: space-between;
                margin-bottom: 30px;
                margin-top: 70px;
                .left{
                    width:450px;
                    height:320px;
                    position: relative;

                    .left_spans{
                        // width:100%;
                        position: absolute;
                        bottom:67px;
                        right:0;
                        display: flex;
                        justify-content: center;

                        .d_active{
                            background: rgba(27, 186, 132, 1) !important;
                        }

                        div{
                            width:10px;
                            height:10px;
                            background: rgba(255, 255, 255, 0.6);
                            margin-right:10px;
                            cursor: pointer;
                        }
                    }
                    .litem{
                        width:450px;
                        height:300px; 
                        background-size: cover;
                        position: relative;
                        span{
                            width:100%;
                            position: absolute;
                            bottom:0;
                            left:0;
                            height: 37px;
                            background: rgba(0, 0, 0, 0.5);
                            line-height:37px;
                            font-size: 16px;
                            padding:0 10px;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            font-weight: 500;
                            color: #FFFFFF;
                        }
                    }
                }

                .right{
                    width:680px;

                    .itext:hover{
                        transform: scale(1);
                        border:0;
                        background: rgba(27, 186, 132, .7);
                        h2{
                            color:#FFFFFF;
                        }

                        p{
                            color:#f5f5f5;
                        }
                    }

                    .itext{
                        width:100%;
                        display: flex;
                        align-items: center;
                        height:50px;
                        border-bottom: 1px dashed rgba(155, 155, 155, 1);
                        cursor: pointer;
                        transition:all ease 200ms;
                        padding:0 10px;
                        box-sizing: border-box;
                        h2{
                            font-size: 16px;
                            margin:0;
                            font-weight: 400;
                            color: #4A4A4A;
                            line-height: 22px;
                            width:480px;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            overflow: hidden;
                        }

                        p{
                            font-size: 14px;
                            margin:0;
                            font-weight: 400;
                            color: #9B9B9B;
                            line-height: 20px;
                            flex:1;
                            text-align: right;
                        }
                    }

                    .rtop{
                        width:100%;
                        height:40px;
                        border-bottom:4px solid rgba(248, 248, 248, 1) ;
                        display: flex;
                        margin-bottom: 10px;
                        .more{
                            display: flex;
                            align-items: center;
                            height:40px;
                            cursor: pointer;
                            p{
                                font-size: 14px;
                                margin:0;
                                font-weight: 400;
                                color: rgba(27, 186, 132, 1);
                                line-height: 20px;
                            }

                            img{
                                width:16px;
                                height:16px;
                                margin-left:5px;
                            }
                        }
                        .rleft{
                            flex:1;
                            display: flex;

                            .rchosen{
                                color:rgba(74, 74, 74, 1) !important;
                                span{
                                    opacity: 1 !important;
                                }
                            }

                            .ritem{
                                width:80px;
                                height:40px;
                                position: relative;
                                margin-right:10px;
                                line-height: 32px;
                                text-align: center;
                                font-weight: 400;
                                color: #9B9B9B;
                                font-size: 18px;
                                cursor: pointer;
                                span{
                                    width: 80px;
                                    position: absolute;
                                    height: 4px;
                                    bottom:0;
                                    left:0;
                                    opacity: 0;
                                    background: rgba(27, 186, 132, 1);
                                }
                            }
                        }
                    }
                }
            }
            .items{
                width:100%;
                display: flex;
                align-items: center;
                justify-content: space-between;

                .i2{
                    background: rgba(255, 132, 98, 0.05) !important;
                }

                .i3{
                    background: rgba(0, 162, 7, 0.05) !important;
                }

                .i4{
                    background: rgba(246, 224, 84, 0.05) !important;
                }

                .item:hover{
                    transform: scale(1.05) translateY(-10px);
                }

                .item{
                    width: 277px;
                    height: 90px;
                    background: rgba(0, 114, 207, 0.05);
                    display: flex;
                    align-items: center;
                    transition:all ease 300ms;
                    .icon{
                        width:116px;
                        height:90px;
                        margin-right:30px;
                        background-size: cover;
                        display: flex;
                        align-items: center;
                        justify-content: center;

                        img{
                            width:66px;
                            height:66px;
                        }
                    }

                    p{
                        font-size: 18px;
                        margin:0;
                        font-weight: 600;
                        color: #212121;
                        line-height: 25px;
                    }
                }
            }
        }
    }

    

    .hp2{
        width:100%;
        height: 526px;
        background: #FBFBFB;
        position: relative;
        .hp_bg{
            position: absolute;
            top:40px;
            right:0;
            z-index: 1;
        }

        .hm{
            width:1200px;
            display: flex;
            justify-content: space-between;
            padding-top:20px;
            position: relative;
            z-index: 2;
            .left_login{
                width:338px;
                height: 476px;
                // background: linear-gradient(137deg, #3BBEFF 0%, #2671F3 100%);
                background: linear-gradient(180deg, #0BDC95 0%, #1BBA84 100%);
                padding:0 7px;
                box-sizing: border-box;
                .l_name{
                    width:100%;
                    height:73px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
                    p{
                        font-size: 24px;
                        
                        font-weight: 600;
                        color: #FFFFFF;
                        line-height: 33px; 
                        margin:0;
                    }
                }

                .l_box{
                    width:100%;
                    padding:30px 23px;
                    box-sizing: border-box;

                    .l_avatar{
                        width:112px;
                        height:112px;
                        background-position: center center;
                        background-size: cover;
                        border-radius: 100%;
                        margin-bottom: 20px;
                    }

                    .l_user{
                        width:100%;
                        height:125px;
                        h2{
                            font-size: 18px;
                            
                            font-weight: 500;
                            color: #FFFFFF;
                            line-height: 25px;
                            margin:0;
                            width:100%;
                            text-align: center;
                            padding-bottom: 10px;
                        }

                        p{
                            font-size: 16px;
                            
                            font-weight: 400;
                            color: #FFFFFF;
                            line-height: 22px; 
                            margin:0;
                            width:100%;
                            text-align: center;
                        }
                    }



                    .l_btn1{
                        width: 100%;
                        height: 45px;
                        background: #FFAE00;
                        border-radius: 4px;
                        margin-bottom:20px;
                        font-size: 16px;
                        
                        font-weight: 400;
                        color: #FFFFFF;
                        border:0;
                        cursor: pointer;
                    }

                    .l_btn2{
                        width:100%;
                        height: 45px;
                        background: rgba(255, 255, 255, 0.1);
                        border-radius: 4px;
                        border: 1px solid #FFFFFF; 
                        font-size: 16px;
                        
                        font-weight: 400;
                        color: #FFFFFF;
                        cursor: pointer;
                    }

                    .l_msg{
                        width:100%;
                        height:39px;
                        display: flex;
                        align-items: center;

                        p{
                            font-size: 12px;
                            
                            font-weight: 400;
                            color: #FFE000;
                            line-height: 17px;
                            margin:0;
                        }
                    }

                    .l_forget{
                        width:100%;
                        display: flex;
                        align-items: center;
                        margin-bottom: 15px;
                        div{
                            width: 15px;
                            height: 15px;
                            background: #4378FF;
                            border-radius: 3px;
                            margin-right:10px;
                            cursor: pointer;
                            img{
                                width:100%;
                                height:100%;
                                display: block;
                            }
                        }

                        p{
                            flex:1;
                            font-size: 14px;
                            
                            font-weight: 400;
                            color: #FFFFFF;
                            line-height: 20px;
                            margin:0;
                        }

                        h2{
                            font-size: 14px;
                            
                            font-weight: 400;
                            color: #FFFFFF;
                            line-height: 20px;
                            margin:0;
                            cursor: pointer;  
                        }
                    }
                }

                

                input{
                    width:100%;
                    font-size: 16px;
                    
                    font-weight: 400;
                    color: #FFFFFF;
                    height: 45px;
                    background: rgba(255, 255, 255, 0.3);
                    border-radius: 4px;
                    border: 1px solid rgba(255, 255, 255, 0.4);
                    padding:0 20px;
                    box-sizing: border-box;
                    margin-bottom: 15px;;
                }
            }

            .right{
                width:338px;
                height:476px;
                overflow: hidden;
                background:#FFFFFF; 
                .itext:hover{
                    transform: scale(1);
                    border:0;
                    background: rgba(0, 114, 207, .7);
                    h2{
                        color:#FFFFFF;
                    }

                    p{
                        color:#f5f5f5;
                    }
                }

                .itext{
                    width:100%;
                    display: flex;
                    align-items: center;
                    height:50px;
                    border-bottom: 1px dashed rgba(155, 155, 155, 1);
                    cursor: pointer;
                    transition:all ease 200ms;
                    padding:0 10px;
                    box-sizing: border-box;
                    h2{
                        font-size: 16px;
                        margin:0;
                        font-weight: 400;
                        color: #4A4A4A;
                        line-height: 22px;
                        width:480px;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        overflow: hidden;
                    }

                    p{
                        font-size: 14px;
                        margin:0;
                        font-weight: 400;
                        color: #9B9B9B;
                        line-height: 20px;
                        flex:1;
                        text-align: right;
                    }
                }

                .rtop{
                    width:100%;
                    height:45px;
                    border-bottom:4px solid rgba(248, 248, 248, 1) ;
                    display: flex;
                    margin-bottom: 10px;
                    .more{
                        display: flex;
                        align-items: center;
                        height:40px;
                        cursor: pointer;
                        margin-right:10px;
                        p{
                            font-size: 14px;
                            margin:0;
                            font-weight: 400;
                            color: #007DFF;
                            line-height: 20px;
                        }

                        img{
                            width:16px;
                            height:16px;
                            margin-left:5px;
                        }
                    }
                    .rleft{
                        flex:1;
                        display: flex;

                        .rchosen{
                            color:rgba(74, 74, 74, 1) !important;
                            span{
                                opacity: 1 !important;
                            }
                        }

                        .ritem{
                            width:73px;
                            height:45px;
                            position: relative;
                            margin-right:10px;
                            line-height: 32px;
                            text-align: center;
                            font-weight: 400;
                            color: #9B9B9B;
                            font-size: 18px;
                            cursor: pointer;
                            margin-left:10px;
                            span{
                                width: 72px;
                                position: absolute;
                                height: 4px;
                                bottom:0;
                                left:0;
                                opacity: 0;
                                background: #004CA7;
                            }
                        }
                    }
                }
            }

            .left{
                width:300px;

                .ll{
                    padding-left:40px;
                }
                .lr{
                    padding-right:40px;
                }
                .lname{
                   width:300px;
                   height:62px;
                   background-size: cover;
                   text-align: center;
                   font-size: 18px;
                   font-weight: 600;
                   color: #FFFFFF;
                   line-height: 25px;
                   margin:0;
                   line-height: 62px;
                   margin-bottom: 10px;
                   box-sizing: border-box;
                }

                .ltitle{
                    width:100%;
                    text-align: center;
                    line-height: 50px;
                    height: 50px;
                    background: #0072CF;
                    font-size: 16px;
                    font-weight: 400;
                    color: #FFFFFF;
                }

                .ltt{
                    width:100%;
                    height:50px;
                    display: flex;
                    align-items: center;

                    .l1{
                        flex:1;
                        height:50px;
                        line-height: 50px;
                        text-align: center;
                        font-size: 16px;
                        font-weight: 400;
                        color: #FFFFFF;
                        background: #0061B0;
                    }
                    .l2{
                        flex:1;
                        height:50px;
                        line-height: 50px;
                        text-align: center;
                        font-size: 16px;
                        font-weight: 400;
                        color: #FFFFFF;
                        background: #0072CF;
                    }
                }

                .linfo{
                    width: 300px;
                    height: 222px;
                    background: #FFFFFF;
                    .ltype{
                        padding:0 20px;
                        width:100%;
                        height:40px;
                        box-sizing: border-box;
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        border-bottom: 1px solid #F4F4F4;
                        margin-bottom: 5px;
                        .l_active{
                            color:#0061B0 !important;
                        }

                        h2{
                            font-size: 16px;
                            margin:0;
                            font-weight: 400;
                            color: #A6A6A6;
                            line-height: 22px;
                            cursor: pointer;
                        }
                    }

                    .lit2{
                        // border-image: linear-gradient(315deg, rgba(255, 255, 255, 0), rgba(255, 115, 0, 1)) 10 10 !important;
                        
                        p{
                            color:rgba(250, 100, 0, 1) !important;
                        }
                    }

                    .lit3{
                        // border-image: linear-gradient(315deg, rgba(255, 255, 255, 0), rgba(12, 146, 36, 1)) 10 10 !important;
                        
                        p{
                            color:rgba(38, 117, 109, 1)!important;
                        }
                    }

                    .litem{
                        width: 260px;
                        height: 50px;
                        background: #FFFFFF;
                        // border-radius: 4px;
                        // border: 4px solid;
                        background-size: cover;
                        // border-image: linear-gradient(315deg, rgba(255, 255, 255, 0), rgba(0, 62, 223, 1)) 10 10;
                        margin-top:5px;
                        display: flex;
                        align-items: center;
                        img{
                            width:24px;
                            height:24px;
                            margin: 0 22px;
                        }
                        h2{
                            font-size: 16px;
                            margin:0;
                            font-weight: 400;
                            color: #212121;
                            line-height: 22px;
                        }
                        p{
                            font-size: 16px;
                            margin:0;
                            font-weight: 600;
                            color: #043BE6;
                            line-height: 22px;
                        }
                    }
                }

                .lchart{
                    width:100%;
                    height:428px;
                    background: #FFFFFF;

                    h2{
                        font-size: 14px;
                        width:100%;
                        text-align: center;
                        margin:0;
                        font-weight: 400;
                        color: #0061B0;
                        line-height: 20px;
                        padding-top:30px;
                    }

                    .ltu1{
                        width:250px;
                        height:160px;
                        margin-top:20px;
                    }
                }

                .lprogress{
                    width:100%;
                    height: 146px;
                    background: #FFFFFF;
                    margin-bottom: 10px;
                    box-sizing: border-box;
                    display: flex;
                    justify-content: space-around;

                    .lpp{
                        width:60px;
                        height:60px;
                    }

                    .lpi{
                        width:60px;
                        padding-top:20px;
                        p{
                            font-size: 12px;
                            font-weight: 400;
                            color: #212121;
                            line-height: 17px;
                            margin:0;
                            padding-top:10px;
                        }
                    }
                }
            }

            .lcen{
                width:850px;
                height:476px;
                // background: rgba(0, 114, 207, .3);
                // background: #FFFFFF;
                position: relative; 
                background-size: cover;
                background-position: center center;

                .l_mark{
                    width: 160px;
                    height: 140px;
                    position: absolute;
                    left:0;
                    bottom:0;

                    .l_div{
                        width:100%;
                        height:100%;
                        padding-top:20px;
                        padding-left:15px;
                        h1{
                            font-size: 18px;
                            
                            font-weight: 500;
                            margin:0;
                            color: #FFFFFF;
                            line-height: 25px;
                            padding-bottom:20px;
                        }

                        p{
                            font-size: 14px;
                            
                            font-weight: 400;
                            color: #FFFFFF;
                            line-height: 20px;
                            span{
                                font-size: 20px;
                                color:rgba(238, 188, 42, 1);
                                margin-right:5px;
                            }
                        }
                    }


                    .l_bg{
                        width:100%;
                        height:100%;background: rgba(255, 255, 255, 0.3);
                        filter: blur(5px);
                        position: absolute;
                        top:0;
                        left:0;
                    }
                    // backdrop-filter: blur(5px);
                }

                .lcdiv{
                    width:200px;
                    background:rgba(38, 154, 153, 0.85);
                    border-radius: 12px;
                    overflow: hidden;
                    position: absolute;
                    top:50px;
                    right:20px;


                    div:nth-child(1){
                        font-weight: 600;
                    }

                    div:nth-last-child(1){
                        border:0;
                    }

                    div{
                        width:100%;
                        height:36px;
                        text-align: center;
                        line-height: 36px;
                        font-size: 14px;
                        color:#FFFFFF;
                        border-bottom: 1px solid rgba(0, 114, 207, 1);
                    }
                }

                h2{
                    font-size: 18px;
                    font-weight: 600;
                    width:100%;
                    text-align: center;
                    margin:0;
                    padding:10px 0 20px 0;
                    color: #fff;
                    line-height: 25px;
                    font-style: 'italic' ;
                }

                .lmap{
                    width:910px;
                    margin-left:-50px;
                    height:420px;
                }
            }
        }
    }
    

    .hm1{
        width:100%;
        height:400px;
        background: #FBFBFB;

        .hmain{
            width:1200px;
    
            .hdata{
                width:100%;
                // background: linear-gradient(130deg, rgba(1, 203, 252, 0.5) 0%, rgba(48, 64, 197, 0.5) 100%);
                // border-radius: 6px;
                display: flex;
                align-items: center;
                justify-content: space-between;
                .hitem{
                    width: 276px;
                    height: 350px;
                    background: #FFFFFF;
                    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
                    border-radius: 8px;
                    margin-top:30px;
                    overflow: hidden;

                    .top_img{
                        width: 100%;
                    }

                    .top_icon{
                        width:163px;
                        height:163px;
                        margin-top:25px;
                    }

                    h2{
                        font-size: 50px;
                        font-weight:800;
                        color: #333434;;
                        line-height: 60px;
                        margin:0;
                        width:100%;
                        text-align: center;
    
                        span{
                            background: 0;
                        }
                    }
                    p{
                        width:100%;
                        text-align: center;
                        margin:0;
                        font-size: 16px;
                        font-weight: 400;
                        color: #212121;
                        line-height: 22px;
                        padding-top:20px;
                    }
                }
    
                span{
                    width: 1px;
                    height: 57px;
                    background:#EDEDED;
                }
            }
    
            .hbox{
                width:100%;
                margin-top:80px;
                display:flex;
                justify-content: space-between;
                .hleft{
                    width:220px;
    
                    .hactive{
                        background: linear-gradient(130deg, #01CBFC 0%, #3040C5 100%) !important;
                    }
                    
                    .hitem{
                        width:100%;
                        height:120px;
                        background: linear-gradient(130deg, rgba(1, 203, 252, 0.5) 0%, rgba(48, 64, 197, 0.5) 100%);
                        border-radius: 6px;
                        cursor: pointer;
                        margin-bottom: 20px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        cursor: pointer;
                        img{
                           width:48px;
                           height:48px; 
                        }
    
                        p{
                            width:123px;
                            text-align: center;
                            margin:0;
                            font-size: 24px;
                            font-weight: 600;
                            color: #FFFFFF;
                            line-height: 33px;
                            letter-spacing: 2px;
                        }
                    }
                }
    
                .hright{
                    width: 1200px;
                    height: 680px;
                    background: linear-gradient(130deg, rgba(1, 203, 252, 0.5) 0%, rgba(48, 64, 197, 0.5) 100%);
                    border-radius: 6px;
                    margin-bottom:20px;
                    
                    .hinfo{
                        width:100%;
                        height:100%;
                        padding:20px;
                        box-sizing: border-box;
    
                        .habout{
                            width:100%;
    
                            .ha1{
                                width:100%;
                                height: 380px;
                                background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 100%);
                                border-radius: 6px;
                                padding: 0 10px;
                                box-sizing: border-box;
                                .haa{
                                    width:100%;
                                    display:flex;
                                    justify-content: space-between;
                                    margin-top:20px;
                                    padding: 0 10px;
                                    box-sizing: border-box;
                                    .himg{
                                        width:400px;
                                        height:250px;
                                        background-size: cover;
                                    }
    
                                    .hdiv{
                                        width:693px;
                                        font-size: 16px;
                                        font-weight: 400;
                                        color: #303030;
                                        line-height: 30px;
                                    }
    
                                }
                                .h_title{
                                    width:100%;
                                    height:50px;
                                    border-bottom: 1px solid #DBDBDB;
                                    display:flex;
                                    align-items: center;
                                    .hname{
                                        width:100px;
                                        height:50px;
                                        line-height:50px;
                                        text-align:center;
                                        font-size: 18px;
                                        font-weight: 600;
                                        color: #212121;
                                        position: relative;
    
                                        .hcen{
                                            position: absolute;
                                            bottom:0;
                                            left:0;
                                            width:100%;
                                            display:flex;
                                            align-items: center;
                                            justify-content: center;
                                            span{
                                                width: 36px;
                                                height: 2px;
                                                background: linear-gradient(130deg, #01CBFC 0%, #3040C5 100%);
                                            }
                                        }
                                    }
    
                                    .hdd{
                                        flex:1;
                                    }
    
                                    .hmore{
                                        display:flex;
                                        align-items: center;
                                        cursor: pointer;
                                        h2{
                                            font-size: 12px;
                                            margin:0;
                                            font-weight: 400;
                                            color: #A6A6A6;
                                            line-height: 17px;
                                        }
    
                                        img{
                                            width:16px;
                                            height:16px;
                                            margin-left:5px;
                                            margin-right:10px;
                                        }
                                    }
                                }
                            }
    
    
                            .ha2{
                                width:100%;
                                margin-top:20px;
                                height: 240px;
                                background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 100%);
                                border-radius: 6px;
                                box-sizing: border-box;
                                padding:0 10px;
                                .pbox{
                                    width:100%;
                                    margin-top:20px;
                                    padding:0 30px;
                                    display: flex;
                                    justify-content: space-between;
                                    box-sizing: border-box;
                                    .pitem:hover{
                                        transform: scale(1.08);
                                    }
                    
                                    .pitem{
                                        width:80px;
                                        transition:all ease 200ms;
                                        .p1{
                                            background: linear-gradient(180deg, #78B0FF 0%, #4378FF 100%);
                                            box-shadow: 0px 10px 20px 0px rgba(67, 120, 255, 0.2);
                                        }
                    
                                        .p2{
                                            background: linear-gradient(180deg, #00DCBF 0%, #00B78B 100%);
                                            box-shadow: 0px 10px 20px 0px rgba(0, 183, 139, 0.2);
                                        }
                    
                                        .p3{
                                            background: linear-gradient(180deg, #FFC078 0%, #FF8C43 100%);
                                            box-shadow: 0px 10px 20px 0px rgba(255, 145, 71, 0.2);
                                        }
                    
                                        .p4{
                                            background: linear-gradient(180deg, #3A96EB 0%, #1B5DD3 100%);
                                            box-shadow: 0px 10px 20px 0px rgba(67, 120, 255, 0.2);
                                        }
                    
                                        .p5{
                                            background: linear-gradient(180deg, #BC80FF 0%, #B520E0 100%);
                                            box-shadow: 0px 10px 20px 0px rgba(181, 40, 227, 0.2);
                                        }
                    
                                        .p6{
                                            background: linear-gradient(180deg, #FF9191 0%, #DC2C2C 100%);
                                            box-shadow: 0px 10px 20px 0px rgba(223, 53, 53, 0.2);
                                        }
                    
                                        .pdiv{
                                            width:80px;
                                            height:80px;
                                            border-radius: 100%;
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;
                                            margin-bottom: 20px;
                                        }
                    
                                        p{
                                            width:100%;
                                            text-align: center;
                                            font-size: 20px;
                                            margin:0;
                                            font-weight: 400;
                                            color: #303030;
                                            line-height: 28px;
                                        }
                                    }
                                }
    
                                .h_title{
                                    width:100%;
                                    height:50px;
                                    border-bottom: 1px solid #DBDBDB;
                                    display:flex;
                                    align-items: center;
                                    .hname{
                                        width:100px;
                                        height:50px;
                                        line-height:50px;
                                        text-align:center;
                                        font-size: 18px;
                                        font-weight: 600;
                                        color: #212121;
                                        position: relative;
    
                                        .hcen{
                                            position: absolute;
                                            bottom:0;
                                            left:0;
                                            width:100%;
                                            display:flex;
                                            align-items: center;
                                            justify-content: center;
                                            span{
                                                width: 36px;
                                                height: 2px;
                                                background: linear-gradient(130deg, #01CBFC 0%, #3040C5 100%);
                                            }
                                        }
                                    }
    
                                    .hdd{
                                        flex:1;
                                    }
    
                                    .hmore{
                                        display:flex;
                                        align-items: center;
                                        cursor: pointer;
                                        h2{
                                            font-size: 12px;
                                            margin:0;
                                            font-weight: 400;
                                            color: #A6A6A6;
                                            line-height: 17px;
                                        }
    
                                        img{
                                            width:16px;
                                            height:16px;
                                            margin-left:5px;
                                            margin-right:10px;
                                        }
                                    }
                                }
                            }
                        }
    
                        .hnews{
                            width:100%;
                            display:flex;
                            justify-content: space-between;
                            flex-wrap:wrap;
    
                            .hh{
                                height:640px !important;
                            }
    
                            .h2{
                                width: 570px;
                                height: 310px;
                                background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 100%);
                                border-radius: 6px;
                                padding:0 10px;
                                margin-bottom:20px;
                                .h_title{
                                    width:100%;
                                    height:50px;
                                    border-bottom: 1px solid #DBDBDB;
                                    display:flex;
                                    align-items: center;
                                    .hname{
                                        width:100px;
                                        height:50px;
                                        line-height:50px;
                                        text-align:center;
                                        font-size: 18px;
                                        font-weight: 600;
                                        color: #212121;
                                        position: relative;
    
                                        .hcen{
                                            position: absolute;
                                            bottom:0;
                                            left:0;
                                            width:100%;
                                            display:flex;
                                            align-items: center;
                                            justify-content: center;
                                            span{
                                                width: 36px;
                                                height: 2px;
                                                background: linear-gradient(130deg, #01CBFC 0%, #3040C5 100%);
                                            }
                                        }
                                    }
    
                                    .hdd{
                                        flex:1;
                                    }
    
                                    .hmore{
                                        display:flex;
                                        align-items: center;
                                        cursor: pointer;
                                        h2{
                                            font-size: 12px;
                                            margin:0;
                                            font-weight: 400;
                                            color: #A6A6A6;
                                            line-height: 17px;
                                        }
    
                                        img{
                                            width:16px;
                                            height:16px;
                                            margin-left:5px;
                                            margin-right:10px;
                                        }
                                    }
                                }
    
                                .hitems{
                                    width:100%;
                                    padding:10px;
                                    box-sizing: border-box; 
    
                                    .hitem:hover{
                                        transform: scale(1.03);
                                        border:0;
                                        background:rgba(12, 64, 197, .6);
                                        // padding:0 10px;
                
                                        h2{
                                            color:#FFFFFF;
                                        }
                
                                        p{
                                            color:#f5f5f5;
                                        }
                                    }
    
    
                                    .hitem{
                                        width:100%;
                                        height:39px;
                                        border-bottom: 1px dashed rgba(244, 244, 244, 0.5);
                                        display:flex;
                                        align-items: center;
                                        transition:all ease 200ms;
                                        cursor: pointer;
                                        h2{
                                            font-size: 14px;
                                            margin:0;
                                            font-weight: 400;
                                            color: #303030;
                                            line-height: 20px; 
                                            flex:1;
                                            overflow:hidden;
                                            text-overflow: ellipsis;
                                            white-space: nowrap;
                                        }
    
                                        p{
                                            font-size: 12px;
                                            margin:0;
                                            font-weight: 400;
                                            color: #595962;
                                            line-height: 17px;
                                            padding-left:10px;  
                                        }
                                    }
                                }
                            }
                        }
    
                        .hbom{
                            width:100%;
                            margin-top:20px;
                            display: flex;
                            justify-content: space-between;
    
                            .h1{
                                width: 570px;
                                height: 320px;
                                background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 100%);
                                border-radius: 6px;
                                padding:0 10px;
                                box-sizing: border-box;
                                .h_title{
                                    width:100%;
                                    height:50px;
                                    border-bottom: 1px solid #DBDBDB;
                                    display:flex;
                                    align-items: center;
                                    .hname{
                                        width:100px;
                                        height:50px;
                                        line-height:50px;
                                        text-align:center;
                                        font-size: 18px;
                                        font-weight: 600;
                                        color: #212121;
                                        position: relative;
    
                                        .hcen{
                                            position: absolute;
                                            bottom:0;
                                            left:0;
                                            width:100%;
                                            display:flex;
                                            align-items: center;
                                            justify-content: center;
                                            span{
                                                width: 36px;
                                                height: 2px;
                                                background: linear-gradient(130deg, #01CBFC 0%, #3040C5 100%);
                                            }
                                        }
                                    }
    
                                    .hdd{
                                        flex:1;
                                    }
    
                                    .hmore{
                                        display:flex;
                                        align-items: center;
                                        cursor: pointer;
                                        h2{
                                            font-size: 12px;
                                            margin:0;
                                            font-weight: 400;
                                            color: #A6A6A6;
                                            line-height: 17px;
                                        }
    
                                        img{
                                            width:16px;
                                            height:16px;
                                            margin-left:5px;
                                            margin-right:10px;
                                        }
                                    }
                                }
    
                                .box{
                                    width:100%;
                                    height:245px;
                                }
    
                                .hspans{
                                    width:100%;
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    margin-top:26px;
                                    span:nth-last-child(1){
                                        margin:0;
                                    }
                                    
                                    .s_active{
                                        width: 20px;
                                        height: 4px;
                                        background: #FFFFFF;
                                        opacity:1;
                                    }
    
                                    span{
                                        width: 10px;
                                        height: 4px;
                                        background: #FFFFFF;
                                        border-radius: 2px;
                                        opacity: 0.49; 
                                        display:block;
                                        margin-right:5px;
                                    }
                                }
    
                                .hitems{
                                    width:100%;
                                    position: relative;
                                    // height:245px;
                                    margin-top:20px;
                                    overflow:hidden;
                                    
                    
                                    .swiper-button-prev{
                                        width: 48px;
                                        height: 48px;
                                        border-radius: 100%;
                                        display: flex;
                                        align-items: center;
                                        justify-content: center;
                                        position: absolute;
                                        left:74px;
                                        bottom:116px;
                                        cursor: pointer;
                                        z-index: 890;
                    
                                        img{
                                            width:48px;
                                            height:48px;
                                        }
                                    }
                    
                                    .swiper-button-next{
                                        width: 48px;
                                        height: 48px;
                                        display: flex;
                                        align-items: center;
                                        justify-content: center;
                                        position: absolute;
                                        right:74px;
                                        bottom:116px;
                                        cursor: pointer;
                                        z-index: 800;
                    
                                        img{
                                            width:48px;
                                            height:48px;
                                        }
                                    }
                    
                                    .swiper-slide {
                                        height: 200px;
                                        transition:all ease 200ms;
                                    }
                    
                    
                                    .swiper-container{
                                        width:1000px;
                                        margin-left:-225px;
                    
                                        .swiper-wrapper{
                                            width:1000px;
                                        }
                                    }
                    
                                    .item{
                                        width: 100%;
                                        height: 200px;
                                        // background: rgba(0, 183, 139, 1);
                                        background: #FFFFFF;
                                        box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
                                        border-radius: 6px;
                                        overflow:hidden;
                                        .itop{
                                            width:100%;
                                            height:115px;
                                            background-size: cover;
                                            background-position: center center;
                                            position: relative;
                                            overflow: hidden;
                                            .ispan{
                                                width:100%;
                                                position: absolute;
                                                top:0;
                                                left:0;
                                                display: flex;
                                                align-items: center;
                                                justify-content: center;
                    
                                                span{
                                                    width: 140px;
                                                    height: 9px;
                                                    background: #00B78B;
                                                    border-radius: 4px;
                                                    display: block;
                                                    opacity: 0;
                                                }
                                            }
                                        }
                    
                                        .ibom{
                                            width:100%;
                                            padding:10px 10px 0 10px;
                                            box-sizing: border-box;
                    
                                            .iname{
                                                width:100%;
                                                display: flex;
                                                align-items: center;
                                                margin-bottom: 6px;
                                                h2{
                                                    font-size: 16px;
                                                    
                                                    font-weight: 600;
                                                    color: #212121;
                                                    line-height: 22px;
                                                    margin:0;
                                                }
                                                p{
                                                    font-size: 12px;
                                                    
                                                    font-weight: 400;
                                                    color: #212121;
                                                    line-height: 18px;
                                                    margin:0;
                                                    padding-left:12px;
                                                }
                                            }
                    
                                            p{
                                                font-size: 12px;
                                                
                                                font-weight: 400;
                                                color: #888888;
                                                line-height: 21px;
                                                margin:0;
                                            }
                                        }
                                    }
                                }
                            }
    
                            .h2{
                                width: 570px;
                                height: 320px;
                                background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 100%);
                                border-radius: 6px;
                                padding:0 10px;
                                .h_title{
                                    width:100%;
                                    height:50px;
                                    border-bottom: 1px solid #DBDBDB;
                                    display:flex;
                                    align-items: center;
                                    .hname{
                                        width:100px;
                                        height:50px;
                                        line-height:50px;
                                        text-align:center;
                                        font-size: 18px;
                                        font-weight: 600;
                                        color: #212121;
                                        position: relative;
    
                                        .hcen{
                                            position: absolute;
                                            bottom:0;
                                            left:0;
                                            width:100%;
                                            display:flex;
                                            align-items: center;
                                            justify-content: center;
                                            span{
                                                width: 36px;
                                                height: 2px;
                                                background: linear-gradient(130deg, #01CBFC 0%, #3040C5 100%);
                                            }
                                        }
                                    }
    
                                    .hdd{
                                        flex:1;
                                    }
    
                                    .hmore{
                                        display:flex;
                                        align-items: center;
                                        cursor: pointer;
                                        h2{
                                            font-size: 12px;
                                            margin:0;
                                            font-weight: 400;
                                            color: #A6A6A6;
                                            line-height: 17px;
                                        }
    
                                        img{
                                            width:16px;
                                            height:16px;
                                            margin-left:5px;
                                            margin-right:10px;
                                        }
                                    }
                                }
    
                                .hitems{
                                    width:100%;
                                    padding:10px;
                                    box-sizing: border-box; 
    
                                    .hitem:hover{
                                        transform: scale(1.03);
                                        border:0;
                                        background:rgba(12, 64, 197, .6);
                                        // padding:0 10px;
                
                                        h2{
                                            color:#FFFFFF;
                                        }
                
                                        p{
                                            color:#f5f5f5;
                                        }
                                    }
    
    
                                    .hitem{
                                        width:100%;
                                        height:39px;
                                        border-bottom: 1px dashed rgba(244, 244, 244, 0.5);
                                        display:flex;
                                        align-items: center;
                                        transition:all ease 200ms;
                                        cursor: pointer;
                                        h2{
                                            font-size: 14px;
                                            margin:0;
                                            font-weight: 400;
                                            color: #303030;
                                            line-height: 20px; 
                                            flex:1;
                                            overflow:hidden;
                                            text-overflow: ellipsis;
                                            white-space: nowrap;
                                        }
    
                                        p{
                                            font-size: 12px;
                                            margin:0;
                                            font-weight: 400;
                                            color: #595962;
                                            line-height: 17px;
                                            padding-left:10px;  
                                        }
                                    }
                                }
                            }
                        }
    
                        .htop{
                            width:100%;
                            display: flex;
                            justify-content: space-between;
    
                            .h1{
                                width: 540px;
                                height: 300px;
                                position: relative;
                                background-size: cover;
                                span{
                                    width: 540px;
                                    height: 50px;
                                    background: rgba(0, 0, 0, 0.5);
                                    padding:0 10px;
                                    font-size: 18px;
                                    line-height:50px;
                                    font-weight: 400;
                                    color: #FFFFFF;
                                    position: absolute;
                                    bottom:0;
                                    left:0;
                                    box-sizing: border-box;
                                }
                            }
    
                            .h4{
                                width: 320px;
                                height: 300px;
                                background: linear-gradient(136deg, #1161D6 0%, #151761 100%);
                                box-shadow: 0px 20px 40px 0px rgba(0, 183, 139, 0.3);
                                border-radius: 6px;
                                padding:40px 20px 0 20px;
                                box-sizing: border-box; 
    
                                img{
                                    width:100px;
                                    height:100px;
                                    border-radius: 100%;
                                    margin-bottom: 10px;
                                    display: block;
                                }
    
                                h2{
                                    font-size: 20px;
                                    font-weight: 600;
                                    width:100%;
                                    text-align:center;
                                    margin:0;
                                    color: #FFFFFF;
                                    line-height: 28px;
                                }
    
                                p{
                                    font-size: 16px;
                                    font-weight: 400;
                                    color: #FFFFFF;
                                    line-height: 22px;
                                    width:100%;
                                    text-align:center;
                                    margin:0;
                                    padding-top:5px;
                                }
    
                                button{
                                    width: 100%;
                                    height: 45px;
                                    background: linear-gradient(136deg, rgba(1, 203, 252, 1) 0%, rgba(48, 64, 197, 1) 100%);
                                    border-radius: 4px;
                                    border:0;
                                    outline: none;
                                    font-size: 16px;
                                    
                                    font-weight: 400;
                                    color: #FFFFFF;
                                    cursor: pointer;
                                    margin-top:30px;
                                }
                            }
    
                            .h3{
                                width: 320px;
                                height: 300px;
                                background: linear-gradient(136deg, #1161D6 0%, #151761 100%);
                                box-shadow: 0px 20px 40px 0px rgba(0, 183, 139, 0.3);
                                border-radius: 6px;
                                padding:20px 20px 0 20px;
                                box-sizing: border-box;
    
    
                                h1{
                                    font-size: 18px;
                                    margin:0;
                                    width:100%;
                                    text-align:center;
                                    font-weight: 600;
                                    color: #FFFFFF;
                                    line-height: 25px;
                                }
    
    
                                .item{
                                    width:100%;
                                    height: 45px;
                                    background: rgba(255, 255, 255, 0.3);
                                    border-radius: 4px;
                                    border: 1px solid rgba(255, 255, 255, 0.4);
                                    display: flex;
                                    align-items: center;
                                    padding:0 20px;
                                    box-sizing: border-box;
                                    margin-top:10px;
                                    .icon{
                                        width:22px;
                                        height:22px;
                                        margin-left:6px;
                                        margin-right:12px;
                                    }
                        
                                    span{
                                        background:#D5D8DE;
                                        width:1px;
                                        height:22px;
                                        display: block;
                                    }
                        
                                    input::placeholder{
                                        color: #D5D8DE;
                                    }
                        
                                    input{
                                        font-size: 18px;
                                        
                                        border:0;
                                        background:0;
                                        color:#FFFFFF;
                                        outline: none;
                                        width:348px;
                                        outline: none;
                                    }
                                }
    
                                .lmsg{
                                    width:100%;
                                    height:40px;
                                    display: flex;
                                    align-items: center;
                        
                                    p{
                                        font-size: 12px;
                                        
                                        font-weight: 400;
                                        color: rgba(250, 100, 0, 1);
                                        line-height: 22px;
                                        margin:0;
                                    }
                                }
    
                                button{
                                    width: 100%;
                                    height: 45px;
                                    background: linear-gradient(136deg, rgba(1, 203, 252, 1) 0%, rgba(48, 64, 197, 1) 100%);
                                    border-radius: 4px;
                                    border:0;
                                    outline: none;
                                    font-size: 16px;
                                    
                                    font-weight: 400;
                                    color: #FFFFFF;
                                    cursor: pointer;
                                }
    
                                .rem{
                                    width:100%;
                                    height:42px;
                                    display: flex;
                                    align-items: center;
                                    .dchosen{
                                        background: rgba(67, 120, 255, 1) !important;
                                        border:0 !important;
                                    }
    
                                    .r_forget{
                                        display:flex;
                                        align-items: center;
                                        cursor: pointer;
                                        p{
                                            font-size: 14px;
                                            
                                            font-weight: 400;
                                            color: #FFFFFF;
                                            line-height: 22px;
                                            margin:0;
                                        }
                                    }
                        
                                    .div{
                                        width: 15px;
                                        height: 15px;
                                        background: #FFFFFF;
                                        border: 1px solid #D5D8DE;
                                        border-radius: 3px;
                                        display: flex;
                                        align-items: center;
                                        justify-content: center;
                                        margin-right:10px;
                                        cursor: pointer;
                                        img{
                                            width:12px;
                                            height:12px;
                                            display: block;
                                            margin-top:2px;
                                        }
    
                                    }
                                    
                                    p{
                                        font-size: 14px;
                                        
                                        font-weight: 400;
                                        color: #FFFFFF;
                                        line-height: 22px;
                                        margin:0;
                                        flex:1;
                                        cursor: pointer;
                                        text-align:center;
                                    }
                        
                                    h2{
                                        font-size: 14px;
                                        
                                        font-weight: 400;
                                        color: #FFFFFF;
                                        line-height: 20px;
                                        margin:0;
                                        cursor: pointer;
                                    }
                                }
                            }
    
                            .h2{
                                width: 260px;
                                height: 300px;
                                background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 100%);
                                border-radius: 6px;
                                .htop2{
                                    width: 260px;
                                    height:56px;
                                    font-size: 20px;
                                    font-weight: 600;
                                    text-align: center;
                                    line-height:56px;
                                    color: #FFFFFF;
                                    background-position: top center;
                                    background-repeat: no-repeat;
                                    margin-bottom: 28px;
                                }
    
                                .hend{
                                    width:100%;
                                    display: flex;
                                    align-items: center;
                                    justify-content: flex-end;
    
                                    .hi{
                                        width:74px;
                                        height:50px;
                                        display: flex;
                                        justify-content: center;
                                        align-items: center;
                                        img{
                                            width:18px;
                                            height:18px;
                                        }
                                    }
                                }
    
                                .hdiv{
                                    width:100%;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    .icon{
                                        width:18px;
                                        height:18px;
                                    }
    
                                    .hi{
                                        width:74px;
                                        img{
                                            width:32px;
                                            height:32px;
                                            display: block;
                                            margin-bottom: 5px;
                                        }
    
                                        p{
                                            width:100%;
                                            text-align:center;
                                            font-size: 14px;
                                            margin:0;
                                            font-weight: 500;
                                            color: #212121;
                                            line-height: 20px;
                                        }
                                    }
                                }
                            }
                        }
    
                        .hcourse{
                            width:100%;
                            height: 337px;
                            background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 100%);
                            border-radius: 6px;
                            margin-bottom:20px;
                            padding:0 10px;
                            box-sizing: border-box;
                            .h_title{
                                width:100%;
                                height:50px;
                                border-bottom: 1px solid #DBDBDB;
                                display:flex;
                                align-items: center;
                                .hname{
                                    width:100px;
                                    height:50px;
                                    line-height:50px;
                                    text-align:center;
                                    font-size: 18px;
                                    font-weight: 600;
                                    color: #212121;
                                    position: relative;
    
                                    .hcen{
                                        position: absolute;
                                        bottom:0;
                                        left:0;
                                        width:100%;
                                        display:flex;
                                        align-items: center;
                                        justify-content: center;
                                        span{
                                            width: 36px;
                                            height: 2px;
                                            background: linear-gradient(130deg, #01CBFC 0%, #3040C5 100%);
                                        }
                                    }
                                }
    
                                .hdd{
                                    flex:1;
                                }
    
                                .hmore{
                                    display:flex;
                                    align-items: center;
                                    cursor: pointer;
                                    h2{
                                        font-size: 12px;
                                        margin:0;
                                        font-weight: 400;
                                        color: #A6A6A6;
                                        line-height: 17px;
                                    }
    
                                    img{
                                        width:16px;
                                        height:16px;
                                        margin-left:5px;
                                        margin-right:10px;
                                    }
                                }
                            }
    
                            .hm{
                                width:100%;
                                padding:0 90px;
                                box-sizing: border-box;
                                position: relative;
                            }
    
                            .hm2{
                                width:100%;
                                height:300px;
                                overflow: hidden;
                                
                                
                                .swiper_prev{
                                    width: 48px;
                                    height: 48px;
                                    position: absolute;
                                    left:10px;
                                    top:118px;
                                    border-radius: 100%;
                                    z-index: 800;
                                    cursor: pointer;
                
                                    img{
                                        width:48px;
                                        height:48px;
                                    }
                                }
                
                                .swiper_next{
                                    width: 48px;
                                    height: 48px;
                                    position: absolute;
                                    right:10px;
                                    top:118px;
                                    border-radius: 100%;
                                    z-index: 800;
                                    cursor: pointer;
                
                                    img{
                                        width:48px;
                                        height:48px;
                                    }
                                }
                
                                .swiper-container{
                                    width:960px;
                                    overflow: visible !important;
                                    margin-top:20px;
                                }
                
                                .swiper-slide {
                                    height: 300px;
                                    transition:all ease 200ms;
                                }
                
                                .swiper-wrapper{
                                    align-items: center;
                                }
                            }
    
                            .item{
                                width: 225px;
                                height: 247px;
                                background: #FFFFFF;
                                box-shadow: 0px 5px 10px 0px rgba(21, 23, 97, 0.05);
                                border-radius: 4px;
                                border: 1px solid #E9E9E9;
                                margin-right:18px;
                                margin-bottom: 20px;
                                overflow: hidden;
                                transition:all ease 200ms;
                                cursor: pointer;
                                .itop{
                                    width:100%;
                                    height: 135px;
                                    background-size: cover;
                                    background-position: center center;
                                    position: relative;
            
                                    span{
                                        width: 60px;
                                        height: 30px;
                                        background: linear-gradient(270deg, #E3C799 0%, #C7A26A 100%);
                                        border-radius: 0px 4px 0px 20px;
                                        position: absolute;
                                        display: block;
                                        font-size: 16px;
                                        text-align: center;
                                        
                                        line-height: 28px;
                                        font-weight: 400;
                                        color: #FFFFFF;
                                        top:0;
                                        right:0;
                                    }
                                }
            
                                .ibom{
                                    width:100%;
                                    padding:10px;
                                    box-sizing: border-box;
            
                                    h2{
                                        font-size: 16px;
                                        
                                        font-weight: 400;
                                        color: rgba(0, 0, 0, 0.85);
                                        line-height: 25px;
                                        margin:0;
                                    }
            
                                    h4{
                                        margin:0;
                                        font-size: 20px;
                                        
                                        font-weight: 600;
                                        color: #FA6400;
                                        line-height: 28px;
                                    }
            
                                    .idiv{
                                        width:100%;
                                        display: flex;
                                        align-items: center;
                                        margin:10px 0;
                                        img{
                                            width:14px;
                                            height:14px;
                                            margin-right:5px;
                                        }
            
                                        p{
                                            width:100px;
                                            font-size: 14px;
                                            
                                            font-weight: 400;
                                            color: #888888;
                                            line-height: 20px;
                                            margin:0;
                                        }
                                    }
                                }
                            }
                        }
    
                        .hcourse2{
                            width:100%;
                            height: 283px;
                            background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 100%);
                            border-radius: 6px;
                            padding:0 10px;
                            box-sizing: border-box;
                            .h_title{
                                width:100%;
                                height:50px;
                                border-bottom: 1px solid #DBDBDB;
                                display:flex;
                                align-items: center;
                                .hname{
                                    width:100px;
                                    height:50px;
                                    line-height:50px;
                                    text-align:center;
                                    font-size: 18px;
                                    font-weight: 600;
                                    color: #212121;
                                    position: relative;
    
                                    .hcen{
                                        position: absolute;
                                        bottom:0;
                                        left:0;
                                        width:100%;
                                        display:flex;
                                        align-items: center;
                                        justify-content: center;
                                        span{
                                            width: 36px;
                                            height: 2px;
                                            background: linear-gradient(130deg, #01CBFC 0%, #3040C5 100%);
                                        }
                                    }
                                }
    
                                .hdd{
                                    flex:1;
                                }
    
                                .hmore{
                                    display:flex;
                                    align-items: center;
                                    cursor: pointer;
                                    h2{
                                        font-size: 12px;
                                        margin:0;
                                        font-weight: 400;
                                        color: #A6A6A6;
                                        line-height: 17px;
                                    }
    
                                    img{
                                        width:16px;
                                        height:16px;
                                        margin-left:5px;
                                        margin-right:10px;
                                    }
                                }
                            }
    
                            .hm{
                                width:100%;
                                padding:0 102px;
                                box-sizing: border-box;
                                position: relative;
                            }
    
                            .hm2{
                                width:100%;
                                height:300px;
                                overflow: hidden;
                                
                                
                                .swiper_prev{
                                    width: 48px;
                                    height: 48px;
                                    position: absolute;
                                    left:10px;
                                    top:88px;
                                    border-radius: 100%;
                                    z-index: 800;
                                    cursor: pointer;
                
                                    img{
                                        width:48px;
                                        height:48px;
                                    }
                                }
                
                                .swiper_next{
                                    width: 48px;
                                    height: 48px;
                                    position: absolute;
                                    right:10px;
                                    top:88px;
                                    border-radius: 100%;
                                    z-index: 800;
                                    cursor: pointer;
                
                                    img{
                                        width:48px;
                                        height:48px;
                                    }
                                }
                
                                .swiper-container{
                                    width:936px;
                                    overflow: visible !important;
                                    margin-top:20px;
                                }
                
                                .swiper-slide {
                                    height: 300px;
                                    transition:all ease 200ms;
                                }
                
                                .swiper-wrapper{
                                    align-items: center;
                                }
                
                                .item{
                                    width: 285px;
                                    height: 160px;
                                    background: #FFFFFF;
                                    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.09);
                                    border-radius: 0px 0px 10px 10px;
                
                                    .itop{
                                        width: 100%;
                                        height: 160px;
                                        background-size: cover;
                                        background-position: center center;
                                        position: relative;
                                        display: flex;
                                        align-items: center;
                                        justify-content: center;
                                        img{
                                            width:48px;
                                            height:48px;
                                        }
    
                                        .ispan{
                                            width:100%;
                                            height: 50px;
                                            background: rgba(0, 0, 0, 0.5);
                                            font-size: 16px;
                                            line-height:50px;
                                            font-weight: 400;
                                            color: #FFFFFF;
                                            overflow:hidden;
                                            text-overflow: ellipsis;
                                            white-space: nowrap;
                                            position: absolute;
                                            bottom:0;
                                            left:0;
                                            padding:0 15px;
                                            box-sizing: border-box;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
            // overflow-y: auto;
        }
    }

    


    .alert{
        width:100%;
        height:100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        z-index: 1000;
        top:0;
        left:0;
        display: flex;
        align-items: center;
        justify-content: center;

        .acity{
            width: 890px;
            height: auto;
            background: #FFFFFF;
            padding:10px 30px 30px 30px;
            box-sizing: border-box;

            .point{
                cursor: pointer;
            }

            .atitle{
                width:100%;
                height:85px;
                border-bottom: 1px solid #DBDBDB;
                display: flex;
                align-items: center;
                padding-left:10px;
                h2{
                    font-size: 18px;
                    
                    font-weight: 500;
                    color: #1BBA84;
                    line-height: 25px;
                    margin:0;  
                }

                

                img{
                    width:20px;
                    height:20px;
                    margin:0 5px;
                }
            }

            .abtns{
                width:100%;
                display: flex;
                align-items: center;
                justify-content: center;

                .btn1{
                    width: 140px;
                    height: 45px;
                    background: #1BBA84;
                    border-radius: 8px;
                    margin:0 5px;
                    font-size: 16px;
                    
                    font-weight: 500;
                    color: #FFFFFF;
                    cursor: pointer;
                    border:0;
                    outline: none;
                }

                .btn2{
                    width: 140px;
                    height: 45px;
                    background: #FFFFFF;
                    border-radius: 8px;
                    border: 1px solid #1BBA84;
                    font-size: 16px;
                    
                    font-weight: 500;
                    color: #1BBA84;
                    cursor: pointer;
                    outline: none;
                    margin:0 5px;
                }
            }

            .abom{
                width:100%;
                height:82px;
                display: flex;
                align-items: center;
                margin-bottom: 32px;

                h2{
                    font-size: 16px;
                    
                    font-weight: 400;
                    color: #B0B0B0;
                    line-height: 22px; 
                    margin:0; 
                }

                p{
                    font-size: 16px;
                    
                    font-weight: 400;
                    color: #212121;
                    line-height: 22px;
                    margin:0;
                }

                img{
                    width:20px;
                    height:20px;
                    margin:0 5px;
                }
            }

            .alist{
                width:105%;
                height:auto;
                padding:40px 0 20px 0;
                display: flex;
                flex-wrap: wrap;
                border-bottom: 1px solid #DBDBDB;

                .active{
                    border: 1px solid #1BBA84 !important; 
                    color: #1BBA84 !important;
                }

                .ali{
                    width: 130px;
                    height: 45px;
                    background: #FFFFFF;
                    border-radius: 28px;
                    border: 1px solid #EDEDED;
                    font-size: 16px;
                    
                    font-weight: 400;
                    color: #B0B0B0;
                    cursor: pointer;
                    text-align: center;
                    line-height: 45px;
                    margin-right:10px;
                    margin-bottom: 20px;
                }

                .ali2{
                    width: 270px;
                    height: 45px;
                    background: #FFFFFF;
                    border-radius: 28px;
                    border: 1px solid #EDEDED;
                    font-size: 16px;
                    
                    font-weight: 400;
                    color: #B0B0B0;
                    cursor: pointer;
                    text-align: center;
                    line-height: 45px;
                    margin-right:10px;
                    margin-bottom: 20px;
                }

            }
        }



        .forget_alert{
            width: 580px;
            height: 558px;
            background: #FFFFFF;
            border-radius: 10px;
            position: relative;
            padding:50px 105px 0 105px;
            box-sizing: border-box;
            .close{
                width:24px;
                height:24px;
                position: absolute;
                top:20px;
                right:20px;
                cursor: pointer;
            }

            h2{
                font-size: 24px;
                
                font-weight: 600;
                color: #000000;
                line-height: 33px;
                margin:0;
                padding-bottom: 20px;
                text-align: center;
            }

            .amsg{
                width:100%;
                height:47px;
                display: flex;
                align-items: center;
                p{
                    font-size: 12px;
                    // 
                    font-weight: 400;
                    color: #991F23;
                    line-height: 17px;
                    margin:0;
                }
            }

            button{
                height: 45px;
                background: #0C40C5;
                box-shadow: 0px 3px 6px 0px rgba(12, 64, 197, 0.2);
                border-radius: 4px;
                width: 100%;
                text-align: center;
                font-size: 18px;
                
                font-weight: 400;
                color: #FFFFFF;
                cursor: pointer;
                border: 0;
                outline: none;
            }

            .aitem{
                width:100%;
                p{
                    font-size: 14px;
                    
                    font-weight: 400;
                    color: #303030;
                    line-height: 20px;
                    margin:0;
                }

                input:focus{
                    border: 1px solid rgba(12, 64, 197, 1);
                }

                input::placeholder{
                    color: #888888;
                }

                .aipt{
                    display: flex;
                    align-items: center;
                    margin-bottom: 10px;
                    margin-top:5px;
                }

                .a2{
                    width:270px;
                    margin:0;
                }

                h4{
                    width:100px;
                    text-align: right;
                    font-size: 17px;
                    
                    font-weight: 400;
                    color: rgba(12, 64, 197, 1);
                    line-height: 25px;
                    margin:0;
                    cursor: pointer;
                }

                input{
                    width:370px;
                    padding:0 15px;
                    box-sizing: border-box;
                    font-size: 14px;
                    
                    font-weight: 400;
                    color: #303030;
                    margin-bottom: 10px;
                    margin-top:5px;
                    height: 45px;
                    background: #FFFFFF;
                    border-radius: 4px;
                    border: 1px solid #EDEDED;
                }
            }
        }

        .abox{
            width: 580px;
            height: 392px;
            background: #FFFFFF;
            border-radius: 10px; 
            .acen{
                width:100%;
                display: flex;
                align-items: center;
                justify-content: center;

                img{
                    width:100px;
                    height:100px;
                    margin-top:60px;
                    margin-bottom: 20px;
                }

                button{
                    width: 320px;
                    height: 54px;
                    background: #0C40C5;
                    box-shadow: 0px 3px 6px 0px rgba(12, 64, 197, 0.3);
                    border-radius: 27px;
                    font-size: 18px;
                    
                    font-weight: 500;
                    color: #FFFFFF;
                    margin-top:30px;
                    text-align: center;
                    border: 0;
                    outline: none;
                    cursor: pointer;
                }
            }

            h2{
                font-size: 24px;
                
                font-weight: 600;
                color: #000000;
                line-height: 33px;
                margin:0;
                padding-bottom: 10px;
                text-align: center;
            }

            p{
                font-size: 18px;
                
                font-weight: 400;
                color: #6D7278;
                line-height: 25px;
                margin:0;
                text-align: center;
            }
            
        }
    }


}